Nazwany kolor · #E1DACE
Noble Cream
Noble Cream to #E1DACE: rgb(225 218 206), hsl(38 24% 85%), oklch(0.891 0.018 81.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Noble Cream color name →
#E1DACE
oklch(0.891 0.018 81.3)
Konwersje koloru
- HEX
- #e1dace
- RGB
- rgb(225 218 206)
- HSL
- hsl(38 24% 85%)
- HWB
- hwb(38 81% 12%)
- OKLCH
- oklch(0.891 0.018 81.3)
- OKLab
- oklab(0.891 0.003 0.018)
- CIE Lab
- lab(87.37 0.95 6.82)
- LCH
- lch(87.37 6.89 82.1)
- CMYK
- cmyk(0% 3% 8% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4DED3
- E7E1D8
- EAE5DD
- EDE9E1
- F0ECE6
- F3F0EB
- F6F4F0
- F9F8F5
- FCFBFA
Odcienie ciemniejsze
- C4BDB3
- A7A298
- 8B877F
- 706C66
- 56544E
- 3E3C38
- 272523
- 12110F
- 020202
Tony
- D7D1C6
- CDC7BE
- C3BEB6
- B9B5AE
- AFACA6
- A6A39E
- 9C9A97
- 93918F
- 898988
Harmonie kolorów
Komplementarna +180°
- E1DACE
Noble Cream
- D4DBE7
≈ Sueded Grey
Analogowa -30° +30°
- E1DACE
Noble Cream
- E5D8D0
≈ Sentimental
- DBDCCF
≈ Silicone Serena
Triada +120° +240°
- E1DACE
Noble Cream
- CEDFE0
≈ Liquid Hydrogen
- E1D7E2
≈ Flowers of May
Komplementarna rozszczepiona +150° +210°
- E1DACE
Noble Cream
- D0DDE5
≈ London Lights
- DBD9E6
≈ Misty Violet
Tetrada +90° +180° +270°
- E1DACE
Noble Cream
- D0DFD9
≈ Snow Leopard
- D4DBE7
≈ Sueded Grey
- E5D6DC
≈ Secret Scent
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.38:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.12:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.12:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--noble-cream: #e1dace;
--noble-cream-rgb: 225 218 206;
--noble-cream-oklch: oklch(0.891 0.018 81.3);
}
.element {
color: var(--noble-cream);
background-color: hsl(38 24% 85%);
border-color: oklch(0.891 0.018 81.3);
}Tailwind CSS v4
@theme {
--color-noble-cream: #e1dace;
--color-noble-cream-50: #f8f5ef;
--color-noble-cream-100: #ebe7e1;
--color-noble-cream-200: #d8d4cc;
--color-noble-cream-300: #bcb7ad;
--color-noble-cream-400: #a49e93;
--color-noble-cream-500: #8c8579;
--color-noble-cream-600: #777167;
--color-noble-cream-700: #5f5a52;
--color-noble-cream-800: #46423c;
--color-noble-cream-900: #302d29;
--color-noble-cream-950: #1c1a17;
}SCSS
$noble-cream: #e1dace;
$noble-cream-rgb: 225, 218, 206;
$noble-cream-light: mix(#fff, $noble-cream, 20%);
$noble-cream-dark: mix(#000, $noble-cream, 20%);
.element {
color: $noble-cream;
box-shadow: 0 0 0 2px rgba($noble-cream, 0.35);
}