Nächste benannte Farbe · #9B6E00
#9B6E00
Nächste benannte Farbe: Puma
#9B6E00 (rgb(155 110 0), hsl(43 100% 30%), oklch(0.57 0.118 80.2)) liegt am nächsten an der benannten Farbe Puma. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#9B6E00
oklch(0.57 0.118 80.2)
Farbumrechnungen
- HEX
- #9b6e00
- RGB
- rgb(155 110 0)
- HSL
- hsl(43 100% 30%)
- HWB
- hwb(43 0% 39%)
- OKLCH
- oklch(0.57 0.118 80.2)
- OKLab
- oklab(0.57 0.02 0.116)
- CIE Lab
- lab(50.06 12.68 56.31)
- LCH
- lch(50.06 57.72 77.3)
- CMYK
- cmyk(0% 29% 100% 39%)
Tints · Shades · Tones
Tints
- A57C2F
- AF8A49
- B99961
- C3A778
- CDB58E
- D7C4A5
- E1D3BB
- EBE1D1
- F5F0E8
Shades
- 865F00
- 725000
- 5E4100
- 4B3300
- 392600
- 281900
- 180E00
- 090400
- 010100
Tones
- 997020
- 967231
- 93743E
- 917649
- 8E7853
- 8B7A5D
- 897C66
- 867D6F
- 837F78
Farbharmonien
Komplementär +180°
- 9B6E00
Puma
- 4D76BC
≈ Diva Violet
Analog -30° +30°
- 9B6E00
Puma
- AD6030
≈ Corn Snake
- 7C7D14
≈ Olive
Triadisch +120° +240°
- 9B6E00
Puma
- 00888E
≈ Ocean Soul
- 965EA2
≈ Empire Violet
Geteilt komplementär +150° +210°
- 9B6E00
Puma
- 0082AD
≈ Tusche Blue
- 776AB7
≈ Clear Mauve
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.54:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.62:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--puma: #9b6e00;
--puma-rgb: 155 110 0;
--puma-oklch: oklch(0.57 0.118 80.2);
}
.element {
color: var(--puma);
background-color: hsl(43 100% 30%);
border-color: oklch(0.57 0.118 80.2);
}Tailwind CSS v4
@theme {
--color-puma: #9b6e00;
--color-puma-50: #fff3d0;
--color-puma-100: #fce5bc;
--color-puma-200: #edd09b;
--color-puma-300: #d5b26f;
--color-puma-400: #c39645;
--color-puma-500: #ae7c00;
--color-puma-600: #936906;
--color-puma-700: #765407;
--color-puma-800: #583c04;
--color-puma-900: #3e2a04;
--color-puma-950: #271700;
}SCSS
$puma: #9b6e00;
$puma-rgb: 155, 110, 0;
$puma-light: mix(#fff, $puma, 20%);
$puma-dark: mix(#000, $puma, 20%);
.element {
color: $puma;
box-shadow: 0 0 0 2px rgba($puma, 0.35);
}