Nazwany kolor · #E4DFCE
Confident White
Confident White to #E4DFCE: rgb(228 223 206), hsl(46 29% 85%), oklch(0.903 0.023 93.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Confident White color name →
#E4DFCE
oklch(0.903 0.023 93.3)
Konwersje koloru
- HEX
- #e4dfce
- RGB
- rgb(228 223 206)
- HSL
- hsl(46 29% 85%)
- HWB
- hwb(46 81% 11%)
- OKLCH
- oklch(0.903 0.023 93.3)
- OKLab
- oklab(0.903 -0.001 0.023)
- CIE Lab
- lab(88.88 -0.38 9)
- LCH
- lch(88.88 9.01 92.4)
- CMYK
- cmyk(0% 2% 10% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E7E2D3
- E9E5D8
- ECE9DD
- EFECE1
- F1EFE6
- F4F2EB
- F7F5F0
- FAF9F5
- FCFCFA
Odcienie ciemniejsze
- C6C2B3
- A9A598
- 8D8A7F
- 726F66
- 58564E
- 3F3D38
- 282723
- 12120F
- 030202
Tony
- DAD5C6
- CFCBBE
- C5C2B6
- BBB8AE
- B1AEA6
- A7A59E
- 9D9B97
- 93928F
- 8A8988
Harmonie kolorów
Komplementarna +180°
- E4DFCE
Confident White
- DADEEF
≈ The White Death
Analogowa -30° +30°
- E4DFCE
Confident White
- EBDCCF
≈ Cinnamon Cake
- DCE2D1
≈ Mystical Sea
Triada +120° +240°
- E4DFCE
Confident White
- CEE3E8
≈ Open Skies
- E9DAE6
≈ Twinkled Pink
Komplementarna rozszczepiona +150° +210°
- E4DFCE
Confident White
- D2E1EE
≈ Brush Blue
- E2DCEC
≈ Princess Fairy Tale
Tetrada +90° +180° +270°
- E4DFCE
Confident White
- CFE4E0
≈ Ice Dagger
- DADEEF
≈ The White Death
- EED9DD
≈ Sweet Bianca
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.33:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.74:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.74:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--confident-white: #e4dfce;
--confident-white-rgb: 228 223 206;
--confident-white-oklch: oklch(0.903 0.023 93.3);
}
.element {
color: var(--confident-white);
background-color: hsl(46 29% 85%);
border-color: oklch(0.903 0.023 93.3);
}Tailwind CSS v4
@theme {
--color-confident-white: #e4dfce;
--color-confident-white-50: #f7f5ee;
--color-confident-white-100: #eae8df;
--color-confident-white-200: #d7d4c9;
--color-confident-white-300: #bbb8aa;
--color-confident-white-400: #a39e8f;
--color-confident-white-500: #8b8675;
--color-confident-white-600: #767263;
--color-confident-white-700: #5e5b4f;
--color-confident-white-800: #454239;
--color-confident-white-900: #302e27;
--color-confident-white-950: #1c1a15;
}SCSS
$confident-white: #e4dfce;
$confident-white-rgb: 228, 223, 206;
$confident-white-light: mix(#fff, $confident-white, 20%);
$confident-white-dark: mix(#000, $confident-white, 20%);
.element {
color: $confident-white;
box-shadow: 0 0 0 2px rgba($confident-white, 0.35);
}