Najbliższy nazwany kolor · #C3991A
#C3991A
Najbliższy nazwany kolor: Rapeseed
#C3991A (rgb(195 153 26), hsl(45 76% 43%), oklch(0.703 0.138 87.9)) jest najbliższy nazwanemu kolorowi Rapeseed. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#C3991A
oklch(0.703 0.138 87.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C9A340
- CFAE5A
- D5B871
- DBC286
- E1CC9B
- E7D6AF
- EDE1C3
- F3EBD7
- F9F5EB
Odcienie ciemniejsze
- A98415
- 907010
- 785D0C
- 604A07
- 4A3804
- 342702
- 201701
- 0E0800
- 020100
Tony
- BC9731
- B59540
- AF924B
- A89055
- A18E5E
- 9A8B66
- 94886D
- 8D8674
- 87837A
Harmonie kolorów
Komplementarna +180°
- C3991A
Rapeseed
- 7A9BF5
≈ Periwinkle Blue
Analogowa -30° +30°
- C3991A
Rapeseed
- DE873D
≈ Touch of Glamour
- 98AA3A
≈ Macaw Green
Triada +120° +240°
- C3991A
Rapeseed
- 00B4C6
≈ Lago Blue
- CD7ECB
≈ Purple Kush
Komplementarna rozszczepiona +150° +210°
- C3991A
Rapeseed
- 35AAEA
≈ Huelveño Horizon
- AA8BE9
≈ Dreamy Candy Forest
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.66:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.89:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.89:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
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);
}