Nearest named color · #19DFE4
#19DFE4
Nearest named color: Fish Boy
#19DFE4 (rgb(25 223 228), hsl(181 80% 50%), oklch(0.821 0.137 197.8)) is closest to the named color Fish Boy. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#19DFE4
oklch(0.821 0.137 197.8)
Color conversions
- HEX
- #19dfe4
- RGB
- rgb(25 223 228)
- HSL
- hsl(181 80% 50%)
- HWB
- hwb(181 10% 11%)
- OKLCH
- oklch(0.821 0.137 197.8)
- OKLab
- oklab(0.821 -0.131 -0.042)
- CIE Lab
- lab(80.64 -43.82 -15.77)
- LCH
- lch(80.64 46.57 199.8)
- CMYK
- cmyk(89% 2% 0% 11%)
Tints · Shades · Tones
Tints
- 4EE3E7
- 6BE6EA
- 83EAEC
- 98EDEF
- ABF0F2
- BDF3F4
- CEF6F7
- DFF9FA
- EFFCFC
Shades
- 14C2C6
- 10A5A9
- 0B8A8D
- 076F72
- 045658
- 023D3F
- 012728
- 001212
- 000203
Tones
- 3BD5DA
- 4ECCCF
- 5AC2C5
- 64B9BB
- 6CAFB1
- 72A6A7
- 779C9D
- 7B9393
- 7E898A
Color harmonies
Complementary +180°
- 19DFE4
Fish Boy
- FFAAAC
≈ Apricot Haze
Analogous -30° +30°
- 19DFE4
Fish Boy
- 57E1B3
≈ Medium Aquamarine
- 69D3FF
≈ Heisenberg Blue
Triadic +120° +240°
- 19DFE4
Fish Boy
- E9A7FE
≈ Pink Sugar
- F5B852
≈ Mango Margarita
Split-complementary +150° +210°
- 19DFE4
Fish Boy
- FFA3D3
≈ Corinthian Pink
- FFAF86
≈ Spice Pink
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.65:1 · APCA Lc 28
Ag
AAAOn black
WCAG 12.71:1 · APCA Lc 75
Best text color: #000000
WCAG 12.71:1 (AAA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--fish-boy: #19dfe4;
--fish-boy-rgb: 25 223 228;
--fish-boy-oklch: oklch(0.821 0.137 197.8);
}
.element {
color: var(--fish-boy);
background-color: hsl(181 80% 50%);
border-color: oklch(0.821 0.137 197.8);
}Tailwind CSS v4
@theme {
--color-fish-boy: #19dfe4;
--color-fish-boy-50: #c8ffff;
--color-fish-boy-100: #b1f6fa;
--color-fish-boy-200: #89e6eb;
--color-fish-boy-300: #4fccd3;
--color-fish-boy-400: #00b6bb;
--color-fish-boy-500: #00a0a6;
--color-fish-boy-600: #00878d;
--color-fish-boy-700: #006c71;
--color-fish-boy-800: #005052;
--color-fish-boy-900: #003839;
--color-fish-boy-950: #002223;
}SCSS
$fish-boy: #19dfe4;
$fish-boy-rgb: 25, 223, 228;
$fish-boy-light: mix(#fff, $fish-boy, 20%);
$fish-boy-dark: mix(#000, $fish-boy, 20%);
.element {
color: $fish-boy;
box-shadow: 0 0 0 2px rgba($fish-boy, 0.35);
}