最接近的命名颜色 · #95D2CA
#95D2CA
最接近的命名颜色: Whirlpool
#95D2CA（rgb(149 210 202)、hsl(172 40% 70%)、oklch(0.82 0.063 185.9)）最接近命名颜色 Whirlpool。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#95D2CA
oklch(0.82 0.063 185.9)
颜色转换
- HEX
- #95d2ca
- RGB
- rgb(149 210 202)
- HSL
- hsl(172 40% 70%)
- HWB
- hwb(172 58% 18%)
- OKLCH
- oklch(0.82 0.063 185.9)
- OKLab
- oklab(0.82 -0.063 -0.006)
- CIE Lab
- lab(79.88 -21.53 -2.63)
- LCH
- lch(79.88 21.69 187)
- CMYK
- cmyk(29% 0% 4% 18%)
浅色调 · 深色调 · 灰色调
浅色调
- A0D7CF
- ABDBD4
- B6E0DA
- C0E4DF
- CBE9E4
- D5EDEA
- E0F2EF
- EAF6F4
- F5FBFA
深色调
- 81B6AF
- 6D9B95
- 5A817C
- 486864
- 37504D
- 263937
- 162422
- 08100F
- 010202
灰色调
- 93CAC2
- 92C1BB
- 90B9B3
- 8EB1AC
- 8CA8A4
- 8AA09D
- 889896
- 85908E
- 838887
配色和谐
互补色 +180°
- 95D2CA
Whirlpool
- E9B4BE
≈ Frozen Veins
类似色 -30° +30°
- 95D2CA
Whirlpool
- A4D1B3
≈ Merrylyn
- 95CFDE
≈ Washed Blue
三角配色 +120° +240°
- 95D2CA
Whirlpool
- CEBAE5
≈ Drifting Dream
- E1BD99
≈ Only Natural
分裂互补色 +150° +210°
- 95D2CA
Whirlpool
- DFB5D4
≈ French Lilac
- EAB6A8
≈ Plushy Pink
四角配色 +90° +180° +270°
- 95D2CA
Whirlpool
- B8C1EE
≈ Larkspur Bud
- E9B4BE
≈ Frozen Veins
- D0C596
≈ Vast Escape
对比度与无障碍
Ag
Fail白底
WCAG 1.70:1 · APCA Lc 30
Ag
AAA黑底
WCAG 12.34:1 · APCA Lc 72
最佳文字颜色: #000000
WCAG 12.34:1 (AAA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--whirlpool: #95d2ca;
--whirlpool-rgb: 149 210 202;
--whirlpool-oklch: oklch(0.82 0.063 185.9);
}
.element {
color: var(--whirlpool);
background-color: hsl(172 40% 70%);
border-color: oklch(0.82 0.063 185.9);
}Tailwind CSS v4
@theme {
--color-whirlpool: #95d2ca;
--color-whirlpool-50: #e2fbf8;
--color-whirlpool-100: #d1efec;
--color-whirlpool-200: #b7ded9;
--color-whirlpool-300: #93c2bd;
--color-whirlpool-400: #72aba4;
--color-whirlpool-500: #51948c;
--color-whirlpool-600: #457d77;
--color-whirlpool-700: #37645f;
--color-whirlpool-800: #274a45;
--color-whirlpool-900: #1a332f;
--color-whirlpool-950: #0a1f1c;
}SCSS
$whirlpool: #95d2ca;
$whirlpool-rgb: 149, 210, 202;
$whirlpool-light: mix(#fff, $whirlpool, 20%);
$whirlpool-dark: mix(#000, $whirlpool, 20%);
.element {
color: $whirlpool;
box-shadow: 0 0 0 2px rgba($whirlpool, 0.35);
}