Nächste benannte Farbe · #AD5B1F
#AD5B1F
Nächste benannte Farbe: Sienna
#AD5B1F (rgb(173 91 31), hsl(25 70% 40%), oklch(0.559 0.128 52.1)) liegt am nächsten an der benannten Farbe Sienna. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#AD5B1F
oklch(0.559 0.128 52.1)
Farbumrechnungen
- HEX
- #ad5b1f
- RGB
- rgb(173 91 31)
- HSL
- hsl(25 70% 40%)
- HWB
- hwb(25 12% 32%)
- OKLCH
- oklch(0.559 0.128 52.1)
- OKLab
- oklab(0.559 0.078 0.101)
- CIE Lab
- lab(48.11 31.25 47.56)
- LCH
- lch(48.11 56.9 56.7)
- CMYK
- cmyk(0% 47% 82% 32%)
Tints · Shades · Tones
Tints
- B66C3A
- BF7C51
- C88C67
- D19C7D
- D9AC92
- E1BDA7
- E9CDBD
- F1DED3
- F8EEE9
Shades
- 964E19
- 7F4114
- 6A350F
- 55290A
- 411E06
- 2D1303
- 1B0901
- 0B0300
- 010000
Tones
- A9602E
- A5643A
- A16844
- 9D6C4E
- 997057
- 947360
- 907768
- 8B7A70
- 867D78
Farbharmonien
Komplementär +180°
- AD5B1F
Sienna
- 007FAB
≈ Oh so Vo
Analog -30° +30°
- AD5B1F
Sienna
- B35151
≈ Mineral Red
- 956C00
≈ Honey Yellow Green
Triadisch +120° +240°
- AD5B1F
Sienna
- 00886D
≈ Celtic Queen
- 7764B8
≈ Ultra Violet
Geteilt komplementär +150° +210°
- AD5B1F
Sienna
- 00848C
≈ Tucson Teal
- 4A72BF
≈ Palace Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.89:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.29:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--sienna: #ad5b1f;
--sienna-rgb: 173 91 31;
--sienna-oklch: oklch(0.559 0.128 52.1);
}
.element {
color: var(--sienna);
background-color: hsl(25 70% 40%);
border-color: oklch(0.559 0.128 52.1);
}Tailwind CSS v4
@theme {
--color-sienna: #ad5b1f;
--color-sienna-50: #ffecd3;
--color-sienna-100: #ffddc0;
--color-sienna-200: #ffc6a1;
--color-sienna-300: #eba678;
--color-sienna-400: #d98753;
--color-sienna-500: #c66a27;
--color-sienna-600: #a85a23;
--color-sienna-700: #87481c;
--color-sienna-800: #653314;
--color-sienna-900: #47230c;
--color-sienna-950: #2e1102;
}SCSS
$sienna: #ad5b1f;
$sienna-rgb: 173, 91, 31;
$sienna-light: mix(#fff, $sienna, 20%);
$sienna-dark: mix(#000, $sienna, 20%);
.element {
color: $sienna;
box-shadow: 0 0 0 2px rgba($sienna, 0.35);
}