Color con nombre más cercano · #95D2CA
#95D2CA
Color con nombre más cercano: Whirlpool
#95D2CA (rgb(149 210 202), hsl(172 40% 70%), oklch(0.82 0.063 185.9)) se parece más al color con nombre Whirlpool. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#95D2CA
oklch(0.82 0.063 185.9)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- A0D7CF
- ABDBD4
- B6E0DA
- C0E4DF
- CBE9E4
- D5EDEA
- E0F2EF
- EAF6F4
- F5FBFA
Sombras
- 81B6AF
- 6D9B95
- 5A817C
- 486864
- 37504D
- 263937
- 162422
- 08100F
- 010202
Tonos
- 93CAC2
- 92C1BB
- 90B9B3
- 8EB1AC
- 8CA8A4
- 8AA09D
- 889896
- 85908E
- 838887
Armonías de color
Complementario +180°
- 95D2CA
Whirlpool
- E9B4BE
≈ Frozen Veins
Análogo -30° +30°
- 95D2CA
Whirlpool
- A4D1B3
≈ Merrylyn
- 95CFDE
≈ Washed Blue
Triádico +120° +240°
- 95D2CA
Whirlpool
- CEBAE5
≈ Drifting Dream
- E1BD99
≈ Only Natural
Complementario dividido +150° +210°
- 95D2CA
Whirlpool
- DFB5D4
≈ French Lilac
- EAB6A8
≈ Plushy Pink
Tetrádico +90° +180° +270°
- 95D2CA
Whirlpool
- B8C1EE
≈ Larkspur Bud
- E9B4BE
≈ Frozen Veins
- D0C596
≈ Vast Escape
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.70:1 · APCA Lc 30
Ag
AAASobre negro
WCAG 12.34:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.34:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
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);
}