Cor nomeada · #E3D2B6
Comfy Beige
Comfy Beige é #E3D2B6: rgb(227 210 182), hsl(37 45% 80%), oklch(0.87 0.042 80.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Comfy Beige color name →
#E3D2B6
oklch(0.87 0.042 80.3)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- E6D6BD
- E9DBC4
- EBDFCC
- EEE4D3
- F1E8DA
- F4EDE2
- F7F1E9
- F9F6F0
- FCFAF8
Sombras
- C5B69E
- A89B86
- 8C816F
- 716859
- 575044
- 3F3930
- 27241D
- 12100C
- 030202
Tons
- D9CAB1
- CEC1AB
- C4B9A6
- BAB0A0
- B0A89B
- A6A095
- 9D9890
- 93908B
- 898885
Harmonias de cor
Complementar +180°
- E3D2B6
Comfy Beige
- C5D5F1
≈ Murano Soft Blue
Análoga -30° +30°
- E3D2B6
Comfy Beige
- ECCDBC
≈ Golden Pop
- D5D7B8
≈ Elise
Tríade +120° +240°
- E3D2B6
Comfy Beige
- B5DDDF
≈ Blue Glass
- E1CCE6
≈ Pouf of Pink
Complementar dividida +150° +210°
- E3D2B6
Comfy Beige
- B9DAEB
≈ Sleepless Blue
- D3D0EF
≈ Air Castle
Tétrade +90° +180° +270°
- E3D2B6
Comfy Beige
- BADED0
≈ Mint Mist
- C5D5F1
≈ Murano Soft Blue
- EBCAD8
≈ Candytuft
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.48:1 · APCA Lc 23
Ag
AAASobre preto
WCAG 14.16:1 · APCA Lc 80
Melhor cor de texto: #000000
WCAG 14.16:1 (AAA) · APCA Lc 80
Contrast pairs
Trechos de código
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);
}