最接近的命名颜色 · #4DAFB2
#4DAFB2
最接近的命名颜色: Thalassa
#4DAFB2（rgb(77 175 178)、hsl(182 40% 50%)、oklch(0.697 0.091 198)）最接近命名颜色 Thalassa。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#4DAFB2
oklch(0.697 0.091 198)
颜色转换
- HEX
- #4dafb2
- RGB
- rgb(77 175 178)
- HSL
- hsl(182 40% 50%)
- HWB
- hwb(182 30% 30%)
- OKLCH
- oklch(0.697 0.091 198)
- OKLab
- oklab(0.697 -0.087 -0.028)
- CIE Lab
- lab(65.81 -29.14 -10.72)
- LCH
- lch(65.81 31.05 200.2)
- CMYK
- cmyk(57% 2% 0% 30%)
浅色调 · 深色调 · 灰色调
浅色调
- 63B7BA
- 76BFC1
- 88C7C9
- 9ACFD0
- ABD7D8
- BCDFE0
- CDE7E7
- DEEFEF
- EEF7F7
深色调
- 42989A
- 378183
- 2C6B6D
- 225657
- 184143
- 0F2E2F
- 071C1D
- 020B0C
- 000101
灰色调
- 56AAAD
- 5DA6A8
- 63A1A3
- 699C9E
- 6E9899
- 729394
- 768E8F
- 7A8A8A
- 7D8585
配色和谐
互补色 +180°
- 4DAFB2
Thalassa
- D08688
≈ Mauve Glow
类似色 -30° +30°
- 4DAFB2
Thalassa
- 60B093
≈ Electra
- 5BA9CA
≈ Estero Sky
三角配色 +120° +240°
- 4DAFB2
Thalassa
- B68CC3
≈ Creeping Bellflower
- BD975A
≈ Golden Bear
分裂互补色 +150° +210°
- 4DAFB2
Thalassa
- C886A8
≈ Moonlight Mauve
- CC8C6B
≈ Cinnamon Brandy
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.59:1 · APCA Lc 50
Ag
AAA黑底
WCAG 8.09:1 · APCA Lc 51
最佳文字颜色: #000000
WCAG 8.09:1 (AAA) · APCA Lc 51
Contrast pairs
代码片段
CSS
:root {
--thalassa: #4dafb2;
--thalassa-rgb: 77 175 178;
--thalassa-oklch: oklch(0.697 0.091 198);
}
.element {
color: var(--thalassa);
background-color: hsl(182 40% 50%);
border-color: oklch(0.697 0.091 198);
}Tailwind CSS v4
@theme {
--color-thalassa: #4dafb2;
--color-thalassa-50: #d8feff;
--color-thalassa-100: #c5f2f4;
--color-thalassa-200: #a6e1e4;
--color-thalassa-300: #7dc6ca;
--color-thalassa-400: #54afb2;
--color-thalassa-500: #1b989c;
--color-thalassa-600: #1c8184;
--color-thalassa-700: #17676a;
--color-thalassa-800: #0e4c4d;
--color-thalassa-900: #093535;
--color-thalassa-950: #002020;
}SCSS
$thalassa: #4dafb2;
$thalassa-rgb: 77, 175, 178;
$thalassa-light: mix(#fff, $thalassa, 20%);
$thalassa-dark: mix(#000, $thalassa, 20%);
.element {
color: $thalassa;
box-shadow: 0 0 0 2px rgba($thalassa, 0.35);
}