Cor nomeada · #75553F
Cellar Door
Cellar Door é #75553F: rgb(117 85 63), hsl(24 30% 35%), oklch(0.478 0.054 55.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Cellar Door color name →
#75553F
oklch(0.478 0.054 55.5)
Conversões de cor
- HEX
- #75553f
- RGB
- rgb(117 85 63)
- HSL
- hsl(24 30% 35%)
- HWB
- hwb(24 25% 54%)
- OKLCH
- oklch(0.478 0.054 55.5)
- OKLab
- oklab(0.478 0.031 0.045)
- CIE Lab
- lab(39.19 11.5 18.32)
- LCH
- lch(39.19 21.63 57.9)
- CMYK
- cmyk(0% 27% 46% 54%)
Tons claros · Sombras · Tons
Tons claros
- 826551
- 907563
- 9D8575
- AB9687
- B9A69B
- C6B8AE
- D4C9C2
- E2DBD6
- F1EDEA
Sombras
- 654935
- 553D2C
- 463123
- 37261B
- 291C12
- 1C110A
- 0F0804
- 050201
- 010000
Tons
- 765946
- 785E4C
- 796253
- 7A6659
- 7B6B60
- 7C6F66
- 7D736C
- 7E7773
- 7F7C79
Harmonias de cor
Complementar +180°
- 75553F
Cellar Door
- 3E6277
≈ Mallard Blue
Análoga -30° +30°
- 75553F
Cellar Door
- 79514D
≈ Veil of Cinder
- 6B5B39
≈ Plum Green
Tríade +120° +240°
- 75553F
Cellar Door
- 3A675B
≈ Earhart Emerald
- 5F5779
≈ Taylor
Complementar dividida +150° +210°
- 75553F
Cellar Door
- 34666C
≈ China Green Blue
- 4E5D7C
≈ Starry Sky Blue
Tétrade +90° +180° +270°
- 75553F
Cellar Door
- 49654A
≈ Firm Green
- 3E6277
≈ Mallard Blue
- 6D526E
≈ Basil Mauve
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.71:1 · APCA Lc 83
Ag
FailSobre preto
WCAG 3.12:1 · APCA Lc 19
Melhor cor de texto: #FFFFFF
WCAG 6.71:1 (AA) · APCA Lc 83
Contrast pairs
Trechos de código
CSS
:root {
--cellar-door: #75553f;
--cellar-door-rgb: 117 85 63;
--cellar-door-oklch: oklch(0.478 0.054 55.5);
}
.element {
color: var(--cellar-door);
background-color: hsl(24 30% 35%);
border-color: oklch(0.478 0.054 55.5);
}Tailwind CSS v4
@theme {
--color-cellar-door: #75553f;
--color-cellar-door-50: #fff2e6;
--color-cellar-door-100: #f7e4d7;
--color-cellar-door-200: #e7cfbe;
--color-cellar-door-300: #ceb19d;
--color-cellar-door-400: #b89780;
--color-cellar-door-500: #a37d64;
--color-cellar-door-600: #8a6a55;
--color-cellar-door-700: #6e5543;
--color-cellar-door-800: #523d31;
--color-cellar-door-900: #392a21;
--color-cellar-door-950: #231810;
}SCSS
$cellar-door: #75553f;
$cellar-door-rgb: 117, 85, 63;
$cellar-door-light: mix(#fff, $cellar-door, 20%);
$cellar-door-dark: mix(#000, $cellar-door, 20%);
.element {
color: $cellar-door;
box-shadow: 0 0 0 2px rgba($cellar-door, 0.35);
}