Warna bernama terdekat · #95D2CA
#95D2CA
Warna bernama terdekat: Whirlpool
#95D2CA (rgb(149 210 202), hsl(172 40% 70%), oklch(0.82 0.063 185.9)) paling mendekati warna bernama Whirlpool. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#95D2CA
oklch(0.82 0.063 185.9)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- A0D7CF
- ABDBD4
- B6E0DA
- C0E4DF
- CBE9E4
- D5EDEA
- E0F2EF
- EAF6F4
- F5FBFA
Shade
- 81B6AF
- 6D9B95
- 5A817C
- 486864
- 37504D
- 263937
- 162422
- 08100F
- 010202
Tone
- 93CAC2
- 92C1BB
- 90B9B3
- 8EB1AC
- 8CA8A4
- 8AA09D
- 889896
- 85908E
- 838887
Harmoni warna
Komplementer +180°
- 95D2CA
Whirlpool
- E9B4BE
≈ Frozen Veins
Analog -30° +30°
- 95D2CA
Whirlpool
- A4D1B3
≈ Merrylyn
- 95CFDE
≈ Washed Blue
Triadik +120° +240°
- 95D2CA
Whirlpool
- CEBAE5
≈ Drifting Dream
- E1BD99
≈ Only Natural
Split-komplementer +150° +210°
- 95D2CA
Whirlpool
- DFB5D4
≈ French Lilac
- EAB6A8
≈ Plushy Pink
Tetradik +90° +180° +270°
- 95D2CA
Whirlpool
- B8C1EE
≈ Larkspur Bud
- E9B4BE
≈ Frozen Veins
- D0C596
≈ Vast Escape
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.70:1 · APCA Lc 30
Ag
AAADi atas hitam
WCAG 12.34:1 · APCA Lc 72
Warna teks terbaik: #000000
WCAG 12.34:1 (AAA) · APCA Lc 72
Contrast pairs
Cuplikan kode
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);
}