가장 가까운 이름 색상 · #C99C00
#C99C00
가장 가까운 이름 색상: Rapeseed
#C99C00(rgb(201 156 0), hsl(47 100% 39%), oklch(0.715 0.146 87.9))와 가장 가까운 이름 색상은 Rapeseed입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C99C00
oklch(0.715 0.146 87.9)
색상 변환
- HEX
- #c99c00
- RGB
- rgb(201 156 0)
- HSL
- hsl(47 100% 39%)
- HWB
- hwb(47 0% 21%)
- OKLCH
- oklch(0.715 0.146 87.9)
- OKLab
- oklab(0.715 0.005 0.146)
- CIE Lab
- lab(67.15 9.06 70.19)
- LCH
- lch(67.15 70.77 82.6)
- CMYK
- cmyk(0% 22% 100% 21%)
틴트 · 셰이드 · 톤
틴트
- CEA639
- D4B056
- D9BA6E
- DFC484
- E4CE99
- EAD8AE
- EFE2C2
- F4EBD7
- FAF5EB
셰이드
- AE8700
- 957300
- 7C5F00
- 644C00
- 4C3900
- 362800
- 221800
- 0F0900
- 020100
톤
- C29A28
- BA973B
- B39448
- AB9253
- A48F5C
- 9D8C65
- 96896C
- 8E8673
- 87837A
색 조화
보색 +180°
- C99C00
Rapeseed
- 7B9EFE
≈ Periwinkle Blue
유사색 -30° +30°
- C99C00
Rapeseed
- E58938
≈ Velvet Marigold
- 9CAE33
≈ Macaw Green
삼각 배색 +120° +240°
- C99C00
Rapeseed
- 00B8CB
≈ Utopia Beckons
- D380D1
≈ Blush Essence
분열 보색 +150° +210°
- C99C00
Rapeseed
- 2BAEF3
≈ Democrat
- AE8DF2
≈ Lilac Geode
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.54:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.23:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.23:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--rapeseed: #c99c00;
--rapeseed-rgb: 201 156 0;
--rapeseed-oklch: oklch(0.715 0.146 87.9);
}
.element {
color: var(--rapeseed);
background-color: hsl(47 100% 39%);
border-color: oklch(0.715 0.146 87.9);
}Tailwind CSS v4
@theme {
--color-rapeseed: #c99c00;
--color-rapeseed-50: #fff4c6;
--color-rapeseed-100: #fbe6b0;
--color-rapeseed-200: #edd28b;
--color-rapeseed-300: #d5b458;
--color-rapeseed-400: #c29815;
--color-rapeseed-500: #ae7d00;
--color-rapeseed-600: #936a00;
--color-rapeseed-700: #765500;
--color-rapeseed-800: #593d00;
--color-rapeseed-900: #3e2a00;
--color-rapeseed-950: #271700;
}SCSS
$rapeseed: #c99c00;
$rapeseed-rgb: 201, 156, 0;
$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);
}