最接近的命名颜色 · #19DFE4
#19DFE4
最接近的命名颜色: Fish Boy
#19DFE4（rgb(25 223 228)、hsl(181 80% 50%)、oklch(0.821 0.137 197.8)）最接近命名颜色 Fish Boy。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#19DFE4
oklch(0.821 0.137 197.8)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- 4EE3E7
- 6BE6EA
- 83EAEC
- 98EDEF
- ABF0F2
- BDF3F4
- CEF6F7
- DFF9FA
- EFFCFC
深色调
- 14C2C6
- 10A5A9
- 0B8A8D
- 076F72
- 045658
- 023D3F
- 012728
- 001212
- 000203
灰色调
- 3BD5DA
- 4ECCCF
- 5AC2C5
- 64B9BB
- 6CAFB1
- 72A6A7
- 779C9D
- 7B9393
- 7E898A
配色和谐
互补色 +180°
- 19DFE4
Fish Boy
- FFAAAC
≈ Apricot Haze
类似色 -30° +30°
- 19DFE4
Fish Boy
- 57E1B3
≈ Medium Aquamarine
- 69D3FF
≈ Heisenberg Blue
三角配色 +120° +240°
- 19DFE4
Fish Boy
- E9A7FE
≈ Pink Sugar
- F5B852
≈ Mango Margarita
分裂互补色 +150° +210°
- 19DFE4
Fish Boy
- FFA3D3
≈ Corinthian Pink
- FFAF86
≈ Spice Pink
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.65:1 · APCA Lc 28
Ag
AAA黑底
WCAG 12.71:1 · APCA Lc 75
最佳文字颜色: #000000
WCAG 12.71:1 (AAA) · APCA Lc 75
Contrast pairs
代码片段
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);
}