Warna bernama · #DEE2EB
Calm Iridescence
Calm Iridescence adalah #DEE2EB: rgb(222 226 235), hsl(222 25% 90%), oklch(0.912 0.013 266.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Calm Iridescence color name →
#DEE2EB
oklch(0.912 0.013 266.7)
Konversi warna
- HEX
- #dee2eb
- RGB
- rgb(222 226 235)
- HSL
- hsl(222 25% 90%)
- HWB
- hwb(222 87% 8%)
- OKLCH
- oklch(0.912 0.013 266.7)
- OKLab
- oklab(0.912 -0.001 -0.013)
- CIE Lab
- lab(89.77 -0.15 -4.9)
- LCH
- lch(89.77 4.9 268.3)
- CMYK
- cmyk(6% 4% 0% 8%)
Tint · Shade · Tone
Tint
- E1E5ED
- E5E8EF
- E8EBF1
- EBEEF3
- EEF0F5
- F2F3F7
- F5F6F9
- F8F9FB
- FCFCFD
Shade
- C1C4CC
- A5A8AE
- 898C91
- 6F7175
- 55575B
- 3D3E41
- 262729
- 121213
- 020303
Tone
- D4D8E0
- CACED5
- C1C4CA
- B7BABF
- AEB0B4
- A4A6A9
- 9B9C9F
- 929394
- 89898A
Harmoni warna
Komplementer +180°
- DEE2EB
Calm Iridescence
- E6E2D9
≈ Dove White
Analog -30° +30°
- DEE2EB
Calm Iridescence
- DAE4EA
≈ Early Frost
- E3E0EA
≈ Powdery Mist
Triadik +120° +240°
- DEE2EB
Calm Iridescence
- EBDFDD
≈ White Beet
- DDE4DD
≈ Slightly Zen
Split-komplementer +150° +210°
- DEE2EB
Calm Iridescence
- E9E0DA
≈ Stone Harbour
- E1E3DA
≈ Shy Mint
Tetradik +90° +180° +270°
- DEE2EB
Calm Iridescence
- EADFE2
≈ Pink Posey
- E6E2D9
≈ Dove White
- DAE5E2
≈ Jack Frost
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.29:1 · APCA Lc 15
Ag
AAADi atas hitam
WCAG 16.18:1 · APCA Lc 89
Warna teks terbaik: #000000
WCAG 16.18:1 (AAA) · APCA Lc 89
Contrast pairs
Cuplikan kode
CSS
:root {
--calm-iridescence: #dee2eb;
--calm-iridescence-rgb: 222 226 235;
--calm-iridescence-oklch: oklch(0.912 0.013 266.7);
}
.element {
color: var(--calm-iridescence);
background-color: hsl(222 25% 90%);
border-color: oklch(0.912 0.013 266.7);
}Tailwind CSS v4
@theme {
--color-calm-iridescence: #dee2eb;
--color-calm-iridescence-50: #f3f5f9;
--color-calm-iridescence-100: #e6e8ec;
--color-calm-iridescence-200: #d2d4da;
--color-calm-iridescence-300: #b4b7be;
--color-calm-iridescence-400: #9b9ea6;
--color-calm-iridescence-500: #82868f;
--color-calm-iridescence-600: #6e7179;
--color-calm-iridescence-700: #585b61;
--color-calm-iridescence-800: #404247;
--color-calm-iridescence-900: #2c2e31;
--color-calm-iridescence-950: #191b1d;
}SCSS
$calm-iridescence: #dee2eb;
$calm-iridescence-rgb: 222, 226, 235;
$calm-iridescence-light: mix(#fff, $calm-iridescence, 20%);
$calm-iridescence-dark: mix(#000, $calm-iridescence, 20%);
.element {
color: $calm-iridescence;
box-shadow: 0 0 0 2px rgba($calm-iridescence, 0.35);
}