Colour reference

Sea Teal

#2ec4b6

RGB: rgb(46 196 182)
HSL: 174°, 62%, 47%
OKLCh: 74.2% 0.121 185.4

Sea Teal in every format

Web & CSSThe everyday formats for stylesheets and design tools.

Hex	`#2ec4b6`
RGB	`rgb(46 196 182)`
RGB legacy	`rgb(46, 196, 182)`
RGB percent	`rgb(18.04% 76.86% 71.37%)`
HSL	`hsl(174.4 62% 47.5%)`
HSL legacy	`hsl(174.4, 62%, 47.5%)`
HSV / HSB	`hsv(174.4, 76.5%, 76.9%)`
HWB	`hwb(174.4 18% 23.1%)`
Nearest name	`darkturquoise (approx.)`
CMYK	`cmyk(76.5%, 0%, 7.1%, 23.1%)`Naive conversion. Real print work needs an ICC profile.

Perceptual & wide gamutModern CSS colour spaces for uniform scales and P3 displays.

OKLCh	`oklch(74.235% 0.12136 185.357)`Modern CSS colour space for even palettes — better than HSL when building scales.
OKLab	`oklab(74.235% -0.12083 -0.01133)`
CIE LCh	`lch(71.566% 42.139 186.202)`
CIE Lab	`lab(71.566% -41.892 -4.552)`
Display P3	`color(display-p3 0.3818 0.7577 0.7127)`
Rec. 2020	`color(rec2020 0.4559 0.7161 0.6818)`
srgb-linear	`color(srgb-linear 0.0273 0.552 0.4678)`Light-linear sRGB — the same numbers a shader wants for maths.
CIE XYZ (D65)	`color(xyz-d65 0.2931 0.4344 0.511)`

ShadersGLSL, HLSL and WGSL vectors in both encoded and linear form.

GLSL vec3 — sRGB	`vec3(0.18, 0.769, 0.714)`Encoded values. Use when writing straight to the framebuffer.
GLSL vec3 — linear	`vec3(0.027, 0.552, 0.468)`Light-linear values. Use for lighting, blending and mixing.
GLSL vec4 — sRGB	`vec4(0.18, 0.769, 0.714, 1.0)`
GLSL vec4 — linear	`vec4(0.027, 0.552, 0.468, 1.0)`
GLSL ivec3	`ivec3(46, 196, 182)`
HLSL float3 — sRGB	`float3(0.18, 0.769, 0.714)`
HLSL float3 — linear	`float3(0.027, 0.552, 0.468)`
HLSL float4 — sRGB	`float4(0.18, 0.769, 0.714, 1.0)`
HLSL half4 — sRGB	`half4(0.18, 0.769, 0.714, 1.0)`
WGSL vec3f — sRGB	`vec3f(0.18, 0.769, 0.714)`
WGSL vec4f — sRGB	`vec4f(0.18, 0.769, 0.714, 1.0)`
WGSL vec3<f32> — linear	`vec3<f32>(0.027, 0.552, 0.468)`

Engines & appsConstructors for Unity, Unreal, Godot, Flutter, SwiftUI and Android.

Unity Color	`new Color(0.18f, 0.769f, 0.714f, 1.0f)`Color for everyday scripting (0–1). Color32 when you need whole numbers from 0 to 255.
Unity Color32	`new Color32(46, 196, 182, 255)`
Unreal FLinearColor	`FLinearColor(0.0273f, 0.552f, 0.4678f, 1.0f)`FLinearColor for materials and lighting. FColor when you need whole numbers from 0 to 255.
Unreal FColor	`FColor(46, 196, 182, 255)`Whole numbers from 0 to 255 — use when an API asks for FColor, not FLinearColor.
Godot Color	`Color(0.18, 0.769, 0.714, 1)`
Flutter Color	`Color(0xFF2EC4B6)`Packed ARGB, so alpha comes first.
Android Color	`Color.rgb(46, 196, 182)`
SwiftUI Color	`Color(red: 0.18, green: 0.769, blue: 0.714)`
UIKit UIColor	`UIColor(red: 0.18, green: 0.769, blue: 0.714, alpha: 1)`

Raw valuesPacked integers and plain arrays.

0x hex	`0x2EC4B6`
0x hex (ARGB)	`0xFF2EC4B6`
Array 0–1	`[0.18, 0.769, 0.714]`
Array 0–255	`[46, 196, 182]`
Decimal integer	`3065014`

Contrast and accessibility

WCAG 2 ratios are what audits and legislation reference. APCA is shown alongside because WCAG 2 is known to misjudge mid-tone backgrounds, and it is the basis of the WCAG 3 draft.

Pairing	WCAG 2 ratio	Level	APCA	Suitable for
Sea Teal on white	2.17:1	Fail	Lc 42	Non-text elements only
Sea Teal on black	9.69:1	AAA	Lc 60	Headings and large text

Sea Teal text on a white background

Sea Teal text on a black background

White text on Sea Teal

Black text on Sea Teal

Tonal scale

Hue held fixed while lightness walks OKLCh, ready to use as a design system ramp.

50#c6fffd
100#a1fff6
200#88f3e5
300#66ddcf
400#35c1b3
500#00a295
600#00877b
700#006d63
800#00574e
900#00443e
950#002823

Tints and shades

Mixed perceptually toward white and black, so the steps feel evenly spaced.

Tint 1#63cec2
Tint 2#88d8ce
Tint 3#a8e2da
Tint 4#c6ece6
Tint 5#e3f6f3
Shade 1#22998e
Shade 2#167068
Shade 3#0b4a44
Shade 4#032724
Shade 5#000807

Colours that work with Sea Teal

Complementary, triadic and analogous partners, rotated in OKLCh so they keep the same apparent brightness.

#ec8aa1
#be97e9
#e09b52
#65c28a
#2fbedc

Closest CSS names

darkturquoiseΔEok 0.040
mediumturquoiseΔEok 0.047
mediumaquamarineΔEok 0.049
lightseagreenΔEok 0.052
darkseagreenΔEok 0.080
turquoiseΔEok 0.081