最も近い色名 · #D4E8EB
#D4E8EB
最も近い色名: Northwind
#D4E8EB（rgb(212 232 235)、hsl(188 37% 88%)、oklch(0.917 0.022 207.6)）に最も近い色名はNorthwindです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D4E8EB
oklch(0.917 0.022 207.6)
カラー変換
- HEX
- #d4e8eb
- RGB
- rgb(212 232 235)
- HSL
- hsl(188 37% 88%)
- HWB
- hwb(188 83% 8%)
- OKLCH
- oklch(0.917 0.022 207.6)
- OKLab
- oklab(0.917 -0.019 -0.01)
- CIE Lab
- lab(90.57 -6.42 -3.85)
- LCH
- lch(90.57 7.48 210.9)
- CMYK
- cmyk(10% 1% 0% 8%)
ティント · シェード · トーン
ティント
- D8EAED
- DDEDEF
- E1EFF1
- E5F1F3
- E9F3F5
- EEF6F7
- F2F8F9
- F6FAFB
- FBFDFD
シェード
- B8CACC
- 9DACAE
- 839091
- 697475
- 51595B
- 3A4041
- 242929
- 101313
- 020303
トーン
- CBDDE0
- C3D2D5
- BAC8CA
- B2BDBF
- A9B3B4
- A1A8A9
- 989E9F
- 909494
- 888A8A
カラーハーモニー
補色 +180°
- D4E8EB
Northwind
- F2DFDC
≈ Pallid Rose
類似色 -30° +30°
- D4E8EB
Northwind
- D5E9E3
≈ Dillard’s Blue
- D7E6F1
≈ Snowdrift Glow
トライアド +120° +240°
- D4E8EB
Northwind
- ECDFEB
≈ Angora Pink
- EAE3D4
≈ Ostrich
スプリットコンプリメンタリー +150° +210°
- D4E8EB
Northwind
- F1DEE3
≈ Roselle
- EFE0D6
≈ Ginger Cream
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.26:1 · APCA Lc 13
Ag
AAA黒の上
WCAG 16.54:1 · APCA Lc 91
最適な文字色: #000000
WCAG 16.54:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--northwind: #d4e8eb;
--northwind-rgb: 212 232 235;
--northwind-oklch: oklch(0.917 0.022 207.6);
}
.element {
color: var(--northwind);
background-color: hsl(188 37% 88%);
border-color: oklch(0.917 0.022 207.6);
}Tailwind CSS v4
@theme {
--color-northwind: #d4e8eb;
--color-northwind-50: #eef7f8;
--color-northwind-100: #e0eaec;
--color-northwind-200: #cad7d9;
--color-northwind-300: #abbbbd;
--color-northwind-400: #90a2a5;
--color-northwind-500: #768a8e;
--color-northwind-600: #647578;
--color-northwind-700: #505e60;
--color-northwind-800: #3a4546;
--color-northwind-900: #282f30;
--color-northwind-950: #161c1d;
}SCSS
$northwind: #d4e8eb;
$northwind-rgb: 212, 232, 235;
$northwind-light: mix(#fff, $northwind, 20%);
$northwind-dark: mix(#000, $northwind, 20%);
.element {
color: $northwind;
box-shadow: 0 0 0 2px rgba($northwind, 0.35);
}