Benannte Farbe · #75553F
Cellar Door
Cellar Door ist #75553F: rgb(117 85 63), hsl(24 30% 35%), oklch(0.478 0.054 55.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Cellar Door color name →
#75553F
oklch(0.478 0.054 55.5)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 826551
- 907563
- 9D8575
- AB9687
- B9A69B
- C6B8AE
- D4C9C2
- E2DBD6
- F1EDEA
Shades
- 654935
- 553D2C
- 463123
- 37261B
- 291C12
- 1C110A
- 0F0804
- 050201
- 010000
Tones
- 765946
- 785E4C
- 796253
- 7A6659
- 7B6B60
- 7C6F66
- 7D736C
- 7E7773
- 7F7C79
Farbharmonien
Komplementär +180°
- 75553F
Cellar Door
- 3E6277
≈ Mallard Blue
Analog -30° +30°
- 75553F
Cellar Door
- 79514D
≈ Veil of Cinder
- 6B5B39
≈ Plum Green
Triadisch +120° +240°
- 75553F
Cellar Door
- 3A675B
≈ Earhart Emerald
- 5F5779
≈ Taylor
Geteilt komplementär +150° +210°
- 75553F
Cellar Door
- 34666C
≈ China Green Blue
- 4E5D7C
≈ Starry Sky Blue
Tetradisch +90° +180° +270°
- 75553F
Cellar Door
- 49654A
≈ Firm Green
- 3E6277
≈ Mallard Blue
- 6D526E
≈ Basil Mauve
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.71:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.12:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.71:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
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);
}