Benannte Farbe · #CC6611
Brusque Brown
Brusque Brown ist #CC6611: rgb(204 102 17), hsl(27 85% 43%), oklch(0.621 0.154 52). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Brusque Brown color name →
#CC6611
oklch(0.621 0.154 52)
Farbumrechnungen
- HEX
- #cc6611
- RGB
- rgb(204 102 17)
- HSL
- hsl(27 85% 43%)
- HWB
- hwb(27 7% 20%)
- OKLCH
- oklch(0.621 0.154 52)
- OKLab
- oklab(0.621 0.095 0.121)
- CIE Lab
- lab(55.07 38.14 59.92)
- LCH
- lch(55.07 71.03 57.5)
- CMYK
- cmyk(0% 50% 92% 20%)
Tints · Shades · Tones
Tints
- D37637
- D98651
- DF9568
- E5A47E
- EAB493
- EFC3A9
- F3D2BE
- F8E1D4
- FBF0E9
Shades
- B1580D
- 974A09
- 7E3C06
- 652F04
- 4E2302
- 371701
- 220C00
- 0F0400
- 020000
Tones
- C56A29
- BE6D37
- B77144
- B0734E
- A87658
- A17960
- 997B69
- 917D71
- 897E79
Farbharmonien
Komplementär +180°
- CC6611
Brusque Brown
- 0092C5
≈ Dynamic Blue
Analog -30° +30°
- CC6611
Brusque Brown
- D3595B
≈ Spiced Coral
- AC7D00
≈ Murder Mustard
Triadisch +120° +240°
- CC6611
Brusque Brown
- 009D7E
≈ Tropical Kelp
- 8A71DA
≈ Matt Purple
Geteilt komplementär +150° +210°
- CC6611
Brusque Brown
- 0099A1
≈ Riviera Paradise
- 5183E2
≈ Blue Jay
Tetradisch +90° +180° +270°
- CC6611
Brusque Brown
- 479D40
≈ Bright Parrot
- 0092C5
≈ Dynamic Blue
- B063BD
≈ Prickly Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.83:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.47:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.47:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--brusque-brown: #cc6611;
--brusque-brown-rgb: 204 102 17;
--brusque-brown-oklch: oklch(0.621 0.154 52);
}
.element {
color: var(--brusque-brown);
background-color: hsl(27 85% 43%);
border-color: oklch(0.621 0.154 52);
}Tailwind CSS v4
@theme {
--color-brusque-brown: #cc6611;
--color-brusque-brown-50: #ffeacc;
--color-brusque-brown-100: #ffdbb8;
--color-brusque-brown-200: #ffc395;
--color-brusque-brown-300: #f4a168;
--color-brusque-brown-400: #e4813d;
--color-brusque-brown-500: #d26100;
--color-brusque-brown-600: #b15300;
--color-brusque-brown-700: #8e4200;
--color-brusque-brown-800: #6b2f00;
--color-brusque-brown-900: #4b2002;
--color-brusque-brown-950: #310e00;
}SCSS
$brusque-brown: #cc6611;
$brusque-brown-rgb: 204, 102, 17;
$brusque-brown-light: mix(#fff, $brusque-brown, 20%);
$brusque-brown-dark: mix(#000, $brusque-brown, 20%);
.element {
color: $brusque-brown;
box-shadow: 0 0 0 2px rgba($brusque-brown, 0.35);
}