Benannte Farbe · #995555
Brown Cerberus
Brown Cerberus ist #995555: rgb(153 85 85), hsl(0 29% 47%), oklch(0.529 0.09 20.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Brown Cerberus color name →
#995555
oklch(0.529 0.09 20.6)
Farbumrechnungen
- HEX
- #995555
- RGB
- rgb(153 85 85)
- HSL
- hsl(0 29% 47%)
- HWB
- hwb(0 33% 40%)
- OKLCH
- oklch(0.529 0.09 20.6)
- OKLab
- oklab(0.529 0.085 0.032)
- CIE Lab
- lab(44.45 28.8 13.06)
- LCH
- lch(44.45 31.63 24.4)
- CMYK
- cmyk(0% 44% 44% 40%)
Tints · Shades · Tones
Tints
- A46565
- AF7675
- B98685
- C49795
- CEA8A6
- D8B9B8
- E2CAC9
- ECDBDB
- F5EDED
Shades
- 844949
- 703D3D
- 5D3131
- 4A2626
- 381C1C
- 271111
- 170808
- 080202
- 010000
Tones
- 975A59
- 955E5E
- 936362
- 916766
- 8F6C6A
- 8C706F
- 897473
- 877877
- 837C7C
Farbharmonien
Komplementär +180°
- 995555
Brown Cerberus
- 007B80
≈ Tobernite
Analog -30° +30°
- 995555
Brown Cerberus
- 935572
≈ Grandeur Plum
- 955B39
≈ Coconut
Triadisch +120° +240°
- 995555
Brown Cerberus
- 4E7846
≈ Mana Tree
- 4D6BA0
≈ San Marino
Geteilt komplementär +150° +210°
- 995555
Brown Cerberus
- 257C64
≈ Pinehurst
- 267596
≈ Devil Blue
Tetradisch +90° +180° +270°
- 995555
Brown Cerberus
- 6E702C
≈ Aged Mustard Green
- 007B80
≈ Tobernite
- 6B629C
≈ Scampi
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.54:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.78:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--brown-cerberus: #995555;
--brown-cerberus-rgb: 153 85 85;
--brown-cerberus-oklch: oklch(0.529 0.09 20.6);
}
.element {
color: var(--brown-cerberus);
background-color: hsl(0 29% 47%);
border-color: oklch(0.529 0.09 20.6);
}Tailwind CSS v4
@theme {
--color-brown-cerberus: #995555;
--color-brown-cerberus-50: #ffece9;
--color-brown-cerberus-100: #ffddda;
--color-brown-cerberus-200: #f9c6c3;
--color-brown-cerberus-300: #e2a6a2;
--color-brown-cerberus-400: #cf8988;
--color-brown-cerberus-500: #bb6d6c;
--color-brown-cerberus-600: #9e5c5c;
--color-brown-cerberus-700: #7f4a49;
--color-brown-cerberus-800: #5e3536;
--color-brown-cerberus-900: #422425;
--color-brown-cerberus-950: #2a1314;
}SCSS
$brown-cerberus: #995555;
$brown-cerberus-rgb: 153, 85, 85;
$brown-cerberus-light: mix(#fff, $brown-cerberus, 20%);
$brown-cerberus-dark: mix(#000, $brown-cerberus, 20%);
.element {
color: $brown-cerberus;
box-shadow: 0 0 0 2px rgba($brown-cerberus, 0.35);
}