Benannte Farbe · #9C856C
Black Headed Gull
Black Headed Gull ist #9C856C: rgb(156 133 108), hsl(31 20% 52%), oklch(0.631 0.046 69.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Black Headed Gull color name →
#9C856C
oklch(0.631 0.046 69.2)
Farbumrechnungen
- HEX
- #9c856c
- RGB
- rgb(156 133 108)
- HSL
- hsl(31 20% 52%)
- HWB
- hwb(31 42% 39%)
- OKLCH
- oklch(0.631 0.046 69.2)
- OKLab
- oklab(0.631 0.016 0.043)
- CIE Lab
- lab(57.19 6.19 16.94)
- LCH
- lch(57.19 18.04 69.9)
- CMYK
- cmyk(0% 15% 31% 39%)
Tints · Shades · Tones
Tints
- A6917A
- AF9C88
- B9A896
- C3B4A5
- CDC0B3
- D7CDC2
- E1D9D1
- EBE6E0
- F5F2F0
Shades
- 87735D
- 73614E
- 5F5040
- 4C4032
- 393025
- 282119
- 18130D
- 090604
- 010100
Tones
- 99856E
- 968470
- 948472
- 918374
- 8E8376
- 8B8278
- 89827A
- 86817C
- 83817E
Farbharmonien
Komplementär +180°
- 9C856C
Black Headed Gull
- 758CA4
≈ Blue Shadow
Analog -30° +30°
- 9C856C
Black Headed Gull
- A38175
≈ Clay Dusk
- 908A6B
≈ Wilderness
Triadisch +120° +240°
- 9C856C
Black Headed Gull
- 6A938F
≈ Green Turquoise
- 92829F
≈ Fabulous Grape
Geteilt komplementär +150° +210°
- 9C856C
Black Headed Gull
- 6B919C
≈ Wave Jumper
- 8387A5
≈ Velvet Curtain
Tetradisch +90° +180° +270°
- 9C856C
Black Headed Gull
- 729280
≈ Rainford
- 758CA4
≈ Blue Shadow
- 9D7F93
≈ Berry Bliss
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.50:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.98:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.98:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--black-headed-gull: #9c856c;
--black-headed-gull-rgb: 156 133 108;
--black-headed-gull-oklch: oklch(0.631 0.046 69.2);
}
.element {
color: var(--black-headed-gull);
background-color: hsl(31 20% 52%);
border-color: oklch(0.631 0.046 69.2);
}Tailwind CSS v4
@theme {
--color-black-headed-gull: #9c856c;
--color-black-headed-gull-50: #fef3e7;
--color-black-headed-gull-100: #f2e6d8;
--color-black-headed-gull-200: #e1d1c0;
--color-black-headed-gull-300: #c7b49f;
--color-black-headed-gull-400: #b19a82;
--color-black-headed-gull-500: #9a8166;
--color-black-headed-gull-600: #826d56;
--color-black-headed-gull-700: #695745;
--color-black-headed-gull-800: #4d4032;
--color-black-headed-gull-900: #362c22;
--color-black-headed-gull-950: #211911;
}SCSS
$black-headed-gull: #9c856c;
$black-headed-gull-rgb: 156, 133, 108;
$black-headed-gull-light: mix(#fff, $black-headed-gull, 20%);
$black-headed-gull-dark: mix(#000, $black-headed-gull, 20%);
.element {
color: $black-headed-gull;
box-shadow: 0 0 0 2px rgba($black-headed-gull, 0.35);
}