가장 가까운 이름 색상 · #C3991A
#C3991A
가장 가까운 이름 색상: Rapeseed
#C3991A(rgb(195 153 26), hsl(45 76% 43%), oklch(0.703 0.138 87.9))와 가장 가까운 이름 색상은 Rapeseed입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C3991A
oklch(0.703 0.138 87.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- C9A340
- CFAE5A
- D5B871
- DBC286
- E1CC9B
- E7D6AF
- EDE1C3
- F3EBD7
- F9F5EB
셰이드
- A98415
- 907010
- 785D0C
- 604A07
- 4A3804
- 342702
- 201701
- 0E0800
- 020100
톤
- BC9731
- B59540
- AF924B
- A89055
- A18E5E
- 9A8B66
- 94886D
- 8D8674
- 87837A
색 조화
보색 +180°
- C3991A
Rapeseed
- 7A9BF5
≈ Periwinkle Blue
유사색 -30° +30°
- C3991A
Rapeseed
- DE873D
≈ Touch of Glamour
- 98AA3A
≈ Macaw Green
삼각 배색 +120° +240°
- C3991A
Rapeseed
- 00B4C6
≈ Lago Blue
- CD7ECB
≈ Purple Kush
분열 보색 +150° +210°
- C3991A
Rapeseed
- 35AAEA
≈ Huelveño Horizon
- AA8BE9
≈ Dreamy Candy Forest
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.66:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.89:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.89:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
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);
}