色名 · #D5DFD3
Hornet Nest
Hornet Nestは#D5DFD3：rgb(213 223 211)、hsl(110 16% 85%)、oklch(0.893 0.019 140.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Hornet Nest color name →
#D5DFD3
oklch(0.893 0.019 140.5)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- D9E2D7
- DDE5DC
- E1E9E0
- E6ECE4
- EAEFE9
- EEF2ED
- F2F5F2
- F7F9F6
- FBFCFB
シェード
- B9C2B7
- 9EA59C
- 838A82
- 6A6F69
- 515651
- 3A3D3A
- 242724
- 101210
- 020202
トーン
- CCD5CA
- C3CBC2
- BBC2B9
- B2B8B1
- AAAEA9
- A1A5A0
- 999B98
- 909290
- 888988
カラーハーモニー
補色 +180°
- D5DFD3
Hornet Nest
- E2D8E4
≈ Flowers of May
類似色 -30° +30°
- D5DFD3
Hornet Nest
- DCDDCF
≈ Silicone Serena
- D0E0DA
≈ Snow Leopard
トライアド +120° +240°
- D5DFD3
Hornet Nest
- D4DCE9
≈ Morning Shower
- E8D7D6
≈ Light Youth
スプリットコンプリメンタリー +150° +210°
- D5DFD3
Hornet Nest
- DBDAE8
≈ Eyeshadow
- E6D7DD
≈ Unfading Dusk
テトラード +90° +180° +270°
- D5DFD3
Hornet Nest
- CFDEE6
≈ Fenrisian Grey
- E2D8E4
≈ Flowers of May
- E7D8D0
≈ Sentimental
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.37:1 · APCA Lc 18
Ag
AAA黒の上
WCAG 15.32:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.32:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
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);
}