Nazwany kolor · #E3D2B6
Comfy Beige
Comfy Beige to #E3D2B6: rgb(227 210 182), hsl(37 45% 80%), oklch(0.87 0.042 80.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Comfy Beige color name →
#E3D2B6
oklch(0.87 0.042 80.3)
Konwersje koloru
- HEX
- #e3d2b6
- RGB
- rgb(227 210 182)
- HSL
- hsl(37 45% 80%)
- HWB
- hwb(37 71% 11%)
- OKLCH
- oklch(0.87 0.042 80.3)
- OKLab
- oklab(0.87 0.007 0.041)
- CIE Lab
- lab(85.06 2.82 16.18)
- LCH
- lch(85.06 16.42 80.1)
- CMYK
- cmyk(0% 7% 20% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6D6BD
- E9DBC4
- EBDFCC
- EEE4D3
- F1E8DA
- F4EDE2
- F7F1E9
- F9F6F0
- FCFAF8
Odcienie ciemniejsze
- C5B69E
- A89B86
- 8C816F
- 716859
- 575044
- 3F3930
- 27241D
- 12100C
- 030202
Tony
- D9CAB1
- CEC1AB
- C4B9A6
- BAB0A0
- B0A89B
- A6A095
- 9D9890
- 93908B
- 898885
Harmonie kolorów
Komplementarna +180°
- E3D2B6
Comfy Beige
- C5D5F1
≈ Murano Soft Blue
Analogowa -30° +30°
- E3D2B6
Comfy Beige
- ECCDBC
≈ Golden Pop
- D5D7B8
≈ Elise
Triada +120° +240°
- E3D2B6
Comfy Beige
- B5DDDF
≈ Blue Glass
- E1CCE6
≈ Pouf of Pink
Komplementarna rozszczepiona +150° +210°
- E3D2B6
Comfy Beige
- B9DAEB
≈ Sleepless Blue
- D3D0EF
≈ Air Castle
Tetrada +90° +180° +270°
- E3D2B6
Comfy Beige
- BADED0
≈ Mint Mist
- C5D5F1
≈ Murano Soft Blue
- EBCAD8
≈ Candytuft
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.48:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.16:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 14.16:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--comfy-beige: #e3d2b6;
--comfy-beige-rgb: 227 210 182;
--comfy-beige-oklch: oklch(0.87 0.042 80.3);
}
.element {
color: var(--comfy-beige);
background-color: hsl(37 45% 80%);
border-color: oklch(0.87 0.042 80.3);
}Tailwind CSS v4
@theme {
--color-comfy-beige: #e3d2b6;
--color-comfy-beige-50: #fbf4e8;
--color-comfy-beige-100: #efe7d9;
--color-comfy-beige-200: #ddd3c1;
--color-comfy-beige-300: #c2b6a0;
--color-comfy-beige-400: #ac9c83;
--color-comfy-beige-500: #958467;
--color-comfy-beige-600: #7e6f57;
--color-comfy-beige-700: #655946;
--color-comfy-beige-800: #4a4132;
--color-comfy-beige-900: #342d22;
--color-comfy-beige-950: #1f1a11;
}SCSS
$comfy-beige: #e3d2b6;
$comfy-beige-rgb: 227, 210, 182;
$comfy-beige-light: mix(#fff, $comfy-beige, 20%);
$comfy-beige-dark: mix(#000, $comfy-beige, 20%);
.element {
color: $comfy-beige;
box-shadow: 0 0 0 2px rgba($comfy-beige, 0.35);
}