Nazwany kolor · #E3E7E1
White Blaze
White Blaze to #E3E7E1: rgb(227 231 225), hsl(100 11% 89%), oklch(0.923 0.009 134.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · White Blaze color name →
#E3E7E1
oklch(0.923 0.009 134.9)
Konwersje koloru
- HEX
- #e3e7e1
- RGB
- rgb(227 231 225)
- HSL
- hsl(100 11% 89%)
- HWB
- hwb(100 88% 9%)
- OKLCH
- oklch(0.923 0.009 134.9)
- OKLab
- oklab(0.923 -0.006 0.006)
- CIE Lab
- lab(91.21 -2.19 2.43)
- LCH
- lch(91.21 3.27 131.9)
- CMYK
- cmyk(2% 0% 3% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6E9E4
- E9ECE7
- EBEEEA
- EEF1ED
- F1F3F0
- F4F5F3
- F7F8F6
- F9FAF9
- FCFDFC
Odcienie ciemniejsze
- C5C9C4
- A8ABA7
- 8C8F8B
- 717370
- 575956
- 3F403E
- 272827
- 121312
- 030302
Tony
- D9DCD7
- CED2CD
- C4C7C3
- BABCB9
- B0B2AF
- A6A8A6
- 9D9E9C
- 939493
- 898A89
Harmonie kolorów
Komplementarna +180°
- E3E7E1
White Blaze
- E8E4EA
≈ Iris Isle
Analogowa -30° +30°
- E3E7E1
White Blaze
- E6E6DF
≈ Black Squeeze
- E0E8E4
≈ Glimmer
Triada +120° +240°
- E3E7E1
White Blaze
- E2E6EC
≈ Genteel Lavender
- ECE3E4
≈ Delicacy White
Komplementarna rozszczepiona +150° +210°
- E3E7E1
White Blaze
- E5E5EC
≈ Cool Frost
- EAE3E7
≈ Calm Tint
Tetrada +90° +180° +270°
- E3E7E1
White Blaze
- E0E7EA
≈ Cloud Abyss
- E8E4EA
≈ Iris Isle
- EBE4E1
≈ Winged Victory
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.78:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.78:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--white-blaze: #e3e7e1;
--white-blaze-rgb: 227 231 225;
--white-blaze-oklch: oklch(0.923 0.009 134.9);
}
.element {
color: var(--white-blaze);
background-color: hsl(100 11% 89%);
border-color: oklch(0.923 0.009 134.9);
}Tailwind CSS v4
@theme {
--color-white-blaze: #e3e7e1;
--color-white-blaze-50: #f4f6f3;
--color-white-blaze-100: #e6e8e6;
--color-white-blaze-200: #d2d5d1;
--color-white-blaze-300: #b5b8b4;
--color-white-blaze-400: #9ca09a;
--color-white-blaze-500: #848882;
--color-white-blaze-600: #6f736e;
--color-white-blaze-700: #595c58;
--color-white-blaze-800: #414340;
--color-white-blaze-900: #2d2e2c;
--color-white-blaze-950: #1a1b19;
}SCSS
$white-blaze: #e3e7e1;
$white-blaze-rgb: 227, 231, 225;
$white-blaze-light: mix(#fff, $white-blaze, 20%);
$white-blaze-dark: mix(#000, $white-blaze, 20%);
.element {
color: $white-blaze;
box-shadow: 0 0 0 2px rgba($white-blaze, 0.35);
}