Nächste benannte Farbe · #C3991A
#C3991A
Nächste benannte Farbe: Rapeseed
#C3991A (rgb(195 153 26), hsl(45 76% 43%), oklch(0.703 0.138 87.9)) liegt am nächsten an der benannten Farbe Rapeseed. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#C3991A
oklch(0.703 0.138 87.9)
Farbumrechnungen
- HEX
- #c3991a
- RGB
- rgb(195 153 26)
- HSL
- hsl(45 76% 43%)
- HWB
- hwb(45 10% 24%)
- OKLCH
- oklch(0.703 0.138 87.9)
- OKLab
- oklab(0.703 0.005 0.138)
- CIE Lab
- lab(65.78 8.24 64.65)
- LCH
- lch(65.78 65.18 82.7)
- CMYK
- cmyk(0% 22% 87% 24%)
Tints · Shades · Tones
Tints
- C9A340
- CFAE5A
- D5B871
- DBC286
- E1CC9B
- E7D6AF
- EDE1C3
- F3EBD7
- F9F5EB
Shades
- A98415
- 907010
- 785D0C
- 604A07
- 4A3804
- 342702
- 201701
- 0E0800
- 020100
Tones
- BC9731
- B59540
- AF924B
- A89055
- A18E5E
- 9A8B66
- 94886D
- 8D8674
- 87837A
Farbharmonien
Komplementär +180°
- C3991A
Rapeseed
- 7A9BF5
≈ Periwinkle Blue
Analog -30° +30°
- C3991A
Rapeseed
- DE873D
≈ Touch of Glamour
- 98AA3A
≈ Macaw Green
Triadisch +120° +240°
- C3991A
Rapeseed
- 00B4C6
≈ Lago Blue
- CD7ECB
≈ Purple Kush
Geteilt komplementär +150° +210°
- C3991A
Rapeseed
- 35AAEA
≈ Huelveño Horizon
- AA8BE9
≈ Dreamy Candy Forest
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.66:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.89:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.89:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--rapeseed: #c3991a;
--rapeseed-rgb: 195 153 26;
--rapeseed-oklch: oklch(0.703 0.138 87.9);
}
.element {
color: var(--rapeseed);
background-color: hsl(45 76% 43%);
border-color: oklch(0.703 0.138 87.9);
}Tailwind CSS v4
@theme {
--color-rapeseed: #c3991a;
--color-rapeseed-50: #fff4c9;
--color-rapeseed-100: #fae7b4;
--color-rapeseed-200: #ebd28f;
--color-rapeseed-300: #d3b460;
--color-rapeseed-400: #c09928;
--color-rapeseed-500: #ac7e00;
--color-rapeseed-600: #916b00;
--color-rapeseed-700: #755600;
--color-rapeseed-800: #573e00;
--color-rapeseed-900: #3d2a00;
--color-rapeseed-950: #271800;
}SCSS
$rapeseed: #c3991a;
$rapeseed-rgb: 195, 153, 26;
$rapeseed-light: mix(#fff, $rapeseed, 20%);
$rapeseed-dark: mix(#000, $rapeseed, 20%);
.element {
color: $rapeseed;
box-shadow: 0 0 0 2px rgba($rapeseed, 0.35);
}