Nazwany kolor · #E0E3EF
Iris Ice
Iris Ice to #E0E3EF: rgb(224 227 239), hsl(228 32% 91%), oklch(0.917 0.017 274.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Iris Ice color name →
#E0E3EF
oklch(0.917 0.017 274.8)
Konwersje koloru
- HEX
- #e0e3ef
- RGB
- rgb(224 227 239)
- HSL
- hsl(228 32% 91%)
- HWB
- hwb(228 88% 6%)
- OKLCH
- oklch(0.917 0.017 274.8)
- OKLab
- oklab(0.917 0.001 -0.017)
- CIE Lab
- lab(90.27 0.62 -6.23)
- LCH
- lch(90.27 6.26 275.7)
- CMYK
- cmyk(6% 5% 0% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3E6F1
- E6E9F2
- E9EBF4
- ECEEF5
- EFF1F7
- F3F4F9
- F6F7FA
- F9F9FC
- FCFCFD
Odcienie ciemniejsze
- C3C5D0
- A6A8B1
- 8A8C94
- 707178
- 56575C
- 3E3F42
- 27272A
- 121214
- 020303
Tony
- D6D9E3
- CCCED8
- C2C4CC
- B8BAC1
- AFB0B6
- A5A6AB
- 9C9DA0
- 929395
- 89898B
Harmonie kolorów
Komplementarna +180°
- E0E3EF
Iris Ice
- E7E4D8
≈ Guinea Pig White
Analogowa -30° +30°
- E0E3EF
Iris Ice
- DBE5EE
≈ Space Wolves Grey
- E6E1ED
≈ Homoeopathic Lavender
Triada +120° +240°
- E0E3EF
Iris Ice
- EEE0DC
≈ Powder Room
- DBE7DF
≈ Spearmint Scent
Komplementarna rozszczepiona +150° +210°
- E0E3EF
Iris Ice
- ECE2D8
≈ String of Pearls
- E1E6DA
≈ Basil Icing
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.28:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.40:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.40:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--iris-ice: #e0e3ef;
--iris-ice-rgb: 224 227 239;
--iris-ice-oklch: oklch(0.917 0.017 274.8);
}
.element {
color: var(--iris-ice);
background-color: hsl(228 32% 91%);
border-color: oklch(0.917 0.017 274.8);
}Tailwind CSS v4
@theme {
--color-iris-ice: #e0e3ef;
--color-iris-ice-50: #f4f5fa;
--color-iris-ice-100: #e6e7ed;
--color-iris-ice-200: #d2d4db;
--color-iris-ice-300: #b5b7c0;
--color-iris-ice-400: #9b9ea9;
--color-iris-ice-500: #838691;
--color-iris-ice-600: #6f717b;
--color-iris-ice-700: #585a62;
--color-iris-ice-800: #404248;
--color-iris-ice-900: #2c2e32;
--color-iris-ice-950: #191a1e;
}SCSS
$iris-ice: #e0e3ef;
$iris-ice-rgb: 224, 227, 239;
$iris-ice-light: mix(#fff, $iris-ice, 20%);
$iris-ice-dark: mix(#000, $iris-ice, 20%);
.element {
color: $iris-ice;
box-shadow: 0 0 0 2px rgba($iris-ice, 0.35);
}