Cor nomeada · #D5DFD3
Hornet Nest
Hornet Nest é #D5DFD3: rgb(213 223 211), hsl(110 16% 85%), oklch(0.893 0.019 140.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Hornet Nest color name →
#D5DFD3
oklch(0.893 0.019 140.5)
Conversões de cor
- HEX
- #d5dfd3
- RGB
- rgb(213 223 211)
- HSL
- hsl(110 16% 85%)
- HWB
- hwb(110 83% 13%)
- OKLCH
- oklch(0.893 0.019 140.5)
- OKLab
- oklab(0.893 -0.015 0.012)
- CIE Lab
- lab(87.8 -5.11 4.68)
- LCH
- lch(87.8 6.92 137.5)
- CMYK
- cmyk(4% 0% 5% 13%)
Tons claros · Sombras · Tons
Tons claros
- D9E2D7
- DDE5DC
- E1E9E0
- E6ECE4
- EAEFE9
- EEF2ED
- F2F5F2
- F7F9F6
- FBFCFB
Sombras
- B9C2B7
- 9EA59C
- 838A82
- 6A6F69
- 515651
- 3A3D3A
- 242724
- 101210
- 020202
Tons
- CCD5CA
- C3CBC2
- BBC2B9
- B2B8B1
- AAAEA9
- A1A5A0
- 999B98
- 909290
- 888988
Harmonias de cor
Complementar +180°
- D5DFD3
Hornet Nest
- E2D8E4
≈ Flowers of May
Análoga -30° +30°
- D5DFD3
Hornet Nest
- DCDDCF
≈ Silicone Serena
- D0E0DA
≈ Snow Leopard
Tríade +120° +240°
- D5DFD3
Hornet Nest
- D4DCE9
≈ Morning Shower
- E8D7D6
≈ Light Youth
Complementar dividida +150° +210°
- D5DFD3
Hornet Nest
- DBDAE8
≈ Eyeshadow
- E6D7DD
≈ Unfading Dusk
Tétrade +90° +180° +270°
- D5DFD3
Hornet Nest
- CFDEE6
≈ Fenrisian Grey
- E2D8E4
≈ Flowers of May
- E7D8D0
≈ Sentimental
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASobre preto
WCAG 15.32:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.32:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--hornet-nest: #d5dfd3;
--hornet-nest-rgb: 213 223 211;
--hornet-nest-oklch: oklch(0.893 0.019 140.5);
}
.element {
color: var(--hornet-nest);
background-color: hsl(110 16% 85%);
border-color: oklch(0.893 0.019 140.5);
}Tailwind CSS v4
@theme {
--color-hornet-nest: #d5dfd3;
--color-hornet-nest-50: #f2f7f1;
--color-hornet-nest-100: #e4eae4;
--color-hornet-nest-200: #d0d6cf;
--color-hornet-nest-300: #b2bab1;
--color-hornet-nest-400: #98a197;
--color-hornet-nest-500: #7f8a7d;
--color-hornet-nest-600: #6c746a;
--color-hornet-nest-700: #565d55;
--color-hornet-nest-800: #3f443e;
--color-hornet-nest-900: #2b2f2a;
--color-hornet-nest-950: #191c18;
}SCSS
$hornet-nest: #d5dfd3;
$hornet-nest-rgb: 213, 223, 211;
$hornet-nest-light: mix(#fff, $hornet-nest, 20%);
$hornet-nest-dark: mix(#000, $hornet-nest, 20%);
.element {
color: $hornet-nest;
box-shadow: 0 0 0 2px rgba($hornet-nest, 0.35);
}