Color con nombre · #CFDFDB
Snow Leopard
Snow Leopard es #CFDFDB: rgb(207 223 219), hsl(165 20% 84%), oklch(0.89 0.018 179.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Snow Leopard color name →
#CFDFDB
oklch(0.89 0.018 179.3)
Conversiones de color
- HEX
- #cfdfdb
- RGB
- rgb(207 223 219)
- HSL
- hsl(165 20% 84%)
- HWB
- hwb(165 81% 13%)
- OKLCH
- oklch(0.89 0.018 179.3)
- OKLab
- oklab(0.89 -0.018 0)
- CIE Lab
- lab(87.52 -6.1 0.03)
- LCH
- lch(87.52 6.1 179.7)
- CMYK
- cmyk(7% 0% 2% 13%)
Tintes · Sombras · Tonos
Tintes
- D4E2DF
- D9E5E2
- DDE9E6
- E2ECE9
- E7EFED
- ECF2F0
- F0F5F4
- F5F9F8
- FAFCFB
Sombras
- B4C2BE
- 99A5A2
- 7F8A87
- 676F6D
- 4F5654
- 383D3C
- 232726
- 101211
- 020202
Tonos
- C7D5D2
- BFCBC8
- B7C2BF
- AFB8B6
- A7AEAC
- 9FA5A3
- 979B9A
- 8F9291
- 888989
Armonías de color
Complementario +180°
- CFDFDB
Snow Leopard
- E6D6DA
≈ Secret Scent
Análogo -30° +30°
- CFDFDB
Snow Leopard
- D3DED5
≈ Alpine Peak
- CEDEE1
≈ High Sierra
Triádico +120° +240°
- CFDFDB
Snow Leopard
- DCD8E5
≈ Misty Violet
- E4D8CF
≈ Kangaroo Tan
Complementario dividido +150° +210°
- CFDFDB
Snow Leopard
- E2D7E1
≈ Flowers of May
- E7D7D4
≈ Lost Love
Tetrádico +90° +180° +270°
- CFDFDB
Snow Leopard
- D6DBE7
≈ Sueded Grey
- E6D6DA
≈ Secret Scent
- DFDBCE
≈ White Wisp
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASobre negro
WCAG 15.23:1 · APCA Lc 85
Mejor color de texto: #000000
WCAG 15.23:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmentos de código
CSS
:root {
--snow-leopard: #cfdfdb;
--snow-leopard-rgb: 207 223 219;
--snow-leopard-oklch: oklch(0.89 0.018 179.3);
}
.element {
color: var(--snow-leopard);
background-color: hsl(165 20% 84%);
border-color: oklch(0.89 0.018 179.3);
}Tailwind CSS v4
@theme {
--color-snow-leopard: #cfdfdb;
--color-snow-leopard-50: #f0f7f5;
--color-snow-leopard-100: #e2eae8;
--color-snow-leopard-200: #ccd7d5;
--color-snow-leopard-300: #aebbb8;
--color-snow-leopard-400: #94a29f;
--color-snow-leopard-500: #7a8a86;
--color-snow-leopard-600: #677572;
--color-snow-leopard-700: #535e5b;
--color-snow-leopard-800: #3c4442;
--color-snow-leopard-900: #292f2e;
--color-snow-leopard-950: #171c1a;
}SCSS
$snow-leopard: #cfdfdb;
$snow-leopard-rgb: 207, 223, 219;
$snow-leopard-light: mix(#fff, $snow-leopard, 20%);
$snow-leopard-dark: mix(#000, $snow-leopard, 20%);
.element {
color: $snow-leopard;
box-shadow: 0 0 0 2px rgba($snow-leopard, 0.35);
}