Màu có tên gần nhất · #C3991A
#C3991A
Màu có tên gần nhất: Rapeseed
#C3991A (rgb(195 153 26), hsl(45 76% 43%), oklch(0.703 0.138 87.9)) gần nhất với màu có tên Rapeseed. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#C3991A
oklch(0.703 0.138 87.9)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C9A340
- CFAE5A
- D5B871
- DBC286
- E1CC9B
- E7D6AF
- EDE1C3
- F3EBD7
- F9F5EB
Sắc đậm
- A98415
- 907010
- 785D0C
- 604A07
- 4A3804
- 342702
- 201701
- 0E0800
- 020100
Sắc xám
- BC9731
- B59540
- AF924B
- A89055
- A18E5E
- 9A8B66
- 94886D
- 8D8674
- 87837A
Hòa sắc
Bổ túc +180°
- C3991A
Rapeseed
- 7A9BF5
≈ Periwinkle Blue
Tương đồng -30° +30°
- C3991A
Rapeseed
- DE873D
≈ Touch of Glamour
- 98AA3A
≈ Macaw Green
Bộ ba +120° +240°
- C3991A
Rapeseed
- 00B4C6
≈ Lago Blue
- CD7ECB
≈ Purple Kush
Bổ túc chia +150° +210°
- C3991A
Rapeseed
- 35AAEA
≈ Huelveño Horizon
- AA8BE9
≈ Dreamy Candy Forest
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.66:1 · APCA Lc 52
Ag
AAATrên nền đen
WCAG 7.89:1 · APCA Lc 50
Màu chữ tốt nhất: #000000
WCAG 7.89:1 (AAA) · APCA Lc 50
Contrast pairs
Đoạn mã
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);
}