Nearest named color · #67E8F9
#67E8F9
Nearest named color: Shallow Water
#67E8F9 (rgb(103 232 249), hsl(187 92% 69%), oklch(0.865 0.115 207.1)) is closest to the named color Shallow Water. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#67E8F9
oklch(0.865 0.115 207.1)
Color conversions
- HEX
- #67e8f9
- RGB
- rgb(103 232 249)
- HSL
- hsl(187 92% 69%)
- HWB
- hwb(187 40% 2%)
- OKLCH
- oklch(0.865 0.115 207.1)
- OKLab
- oklab(0.865 -0.103 -0.053)
- CIE Lab
- lab(85.31 -33.51 -19.65)
- LCH
- lch(85.31 38.85 210.4)
- CMYK
- cmyk(59% 7% 0% 2%)
Tints · Shades · Tones
Tints
- 7CEBFA
- 8EEDFA
- 9EF0FB
- AEF2FC
- BCF4FC
- CAF7FD
- D8F9FE
- E5FBFE
- F2FDFF
Shades
- 59CAD9
- 4BACB9
- 3D909A
- 30747D
- 235961
- 174046
- 0C292C
- 041315
- 000303
Tones
- 6EDDEC
- 73D3E0
- 77C8D3
- 7BBEC7
- 7DB3BB
- 7FA9AF
- 809FA3
- 809497
- 808A8C
Color harmonies
Complementary +180°
- 67E8F9
Shallow Water
- FFC1B9
≈ Impatiens Pink
Analogous -30° +30°
- 67E8F9
Shallow Water
- 74ECD1
≈ Tiffany Blue
- A3DBFF
≈ Columbia Blue
Triadic +120° +240°
- 67E8F9
Shallow Water
- FBB8FA
≈ Sweet Slumber Pink
- F3CE76
≈ Golden Churro
Split-complementary +150° +210°
- 67E8F9
Shallow Water
- FFBDD3
≈ Tentacle Pink
- FFC59B
≈ Gumdrops
Tetradic +90° +180° +270°
- 67E8F9
Shallow Water
- D7C9FF
≈ Innocent Snowdrop
- FFC1B9
≈ Impatiens Pink
- CDDD83
≈ Fresh Pear
Contrast & accessibility
Ag
FailOn white
WCAG 1.44:1 · APCA Lc 21
Ag
AAAOn black
WCAG 14.48:1 · APCA Lc 82
Best text color: #000000
WCAG 14.48:1 (AAA) · APCA Lc 82
Contrast pairs
Code snippets
CSS
:root {
--shallow-water: #67e8f9;
--shallow-water-rgb: 103 232 249;
--shallow-water-oklch: oklch(0.865 0.115 207.1);
}
.element {
color: var(--shallow-water);
background-color: hsl(187 92% 69%);
border-color: oklch(0.865 0.115 207.1);
}Tailwind CSS v4
@theme {
--color-shallow-water: #67e8f9;
--color-shallow-water-50: #d0ffff;
--color-shallow-water-100: #bcf3fd;
--color-shallow-water-200: #99e2ef;
--color-shallow-water-300: #69c8d7;
--color-shallow-water-400: #2eb1c1;
--color-shallow-water-500: #009aad;
--color-shallow-water-600: #008392;
--color-shallow-water-700: #006975;
--color-shallow-water-800: #004d55;
--color-shallow-water-900: #00363c;
--color-shallow-water-950: #002125;
}SCSS
$shallow-water: #67e8f9;
$shallow-water-rgb: 103, 232, 249;
$shallow-water-light: mix(#fff, $shallow-water, 20%);
$shallow-water-dark: mix(#000, $shallow-water, 20%);
.element {
color: $shallow-water;
box-shadow: 0 0 0 2px rgba($shallow-water, 0.35);
}