Nächste benannte Farbe · #A26A39
#A26A39
Nächste benannte Farbe: Eagle
#A26A39 (rgb(162 106 57), hsl(28 48% 43%), oklch(0.574 0.097 60.2)) liegt am nächsten an der benannten Farbe Eagle. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#A26A39
oklch(0.574 0.097 60.2)
Farbumrechnungen
- HEX
- #a26a39
- RGB
- rgb(162 106 57)
- HSL
- hsl(28 48% 43%)
- HWB
- hwb(28 22% 36%)
- OKLCH
- oklch(0.574 0.097 60.2)
- OKLab
- oklab(0.574 0.048 0.084)
- CIE Lab
- lab(50.24 19.51 36.58)
- LCH
- lch(50.24 41.46 61.9)
- CMYK
- cmyk(0% 35% 65% 36%)
Tints · Shades · Tones
Tints
- AC784D
- B58761
- BF9574
- C8A488
- D1B39B
- DBC2AF
- E4D1C2
- EDE0D6
- F6F0EB
Shades
- 8C5B30
- 774D28
- 633F1F
- 4F3117
- 3C2410
- 2A1809
- 190D04
- 0A0401
- 010000
Tones
- 9F6D42
- 9C6F4A
- 997151
- 967459
- 927660
- 8F7866
- 8B7A6D
- 887C73
- 847E7A
Farbharmonien
Komplementär +180°
- A26A39
Eagle
- 3C80AC
≈ Beijing Blue
Analog -30° +30°
Triadisch +120° +240°
- A26A39
Eagle
- 1E8B7B
≈ Porcelain Green
- 826BA9
≈ Plum Preserve
Geteilt komplementär +150° +210°
- A26A39
Eagle
- 0F8898
≈ Atlantic Blue
- 6275B2
≈ Wild Pansy
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.50:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.65:1 · APCA Lc 31
Beste Textfarbe: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Code-Snippets
CSS
:root {
--eagle: #a26a39;
--eagle-rgb: 162 106 57;
--eagle-oklch: oklch(0.574 0.097 60.2);
}
.element {
color: var(--eagle);
background-color: hsl(28 48% 43%);
border-color: oklch(0.574 0.097 60.2);
}Tailwind CSS v4
@theme {
--color-eagle: #a26a39;
--color-eagle-50: #fff0da;
--color-eagle-100: #ffe1c8;
--color-eagle-200: #f3ccaa;
--color-eagle-300: #dcad84;
--color-eagle-400: #c99162;
--color-eagle-500: #b5763e;
--color-eagle-600: #996436;
--color-eagle-700: #7a502b;
--color-eagle-800: #5b391e;
--color-eagle-900: #402714;
--color-eagle-950: #291506;
}SCSS
$eagle: #a26a39;
$eagle-rgb: 162, 106, 57;
$eagle-light: mix(#fff, $eagle, 20%);
$eagle-dark: mix(#000, $eagle, 20%);
.element {
color: $eagle;
box-shadow: 0 0 0 2px rgba($eagle, 0.35);
}