이름 색상 · #CCA24D
Golden Sheaf
Golden Sheaf은(는) #CCA24D: rgb(204 162 77), hsl(40 55% 55%), oklch(0.734 0.114 82.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Golden Sheaf color name →
#CCA24D
oklch(0.734 0.114 82.9)
색상 변환
- HEX
- #cca24d
- RGB
- rgb(204 162 77)
- HSL
- hsl(40 55% 55%)
- HWB
- hwb(40 30% 20%)
- OKLCH
- oklch(0.734 0.114 82.9)
- OKLab
- oklab(0.734 0.014 0.113)
- CIE Lab
- lab(69.32 9.17 49.3)
- LCH
- lch(69.32 50.14 79.5)
- CMYK
- cmyk(0% 21% 62% 20%)
틴트 · 셰이드 · 톤
틴트
- D1AB61
- D6B574
- DCBE86
- E1C798
- E6D1A9
- EBDABA
- F0E3CC
- F5ECDD
- FAF6EE
셰이드
- B18C42
- 977737
- 7E632C
- 654F22
- 4E3C18
- 372A0F
- 221907
- 0F0A02
- 020100
톤
- C49F55
- BD9C5C
- B59862
- AD9567
- A6926C
- 9E8E71
- 968B75
- 8F8779
- 87847D
색 조화
보색 +180°
- CCA24D
Golden Sheaf
- 83A8F1
≈ Kitten’s Eye
유사색 -30° +30°
- CCA24D
Golden Sheaf
- E19462
≈ Outgoing Orange
- AAB157
≈ Cornstalk
삼각 배색 +120° +240°
- CCA24D
Golden Sheaf
- 32BEC9
≈ Panorama Blue
- CC90D3
≈ Somewhere in a Fairytale
분열 보색 +150° +210°
- CCA24D
Golden Sheaf
- 54B5E5
≈ Sail Away
- AC9BEB
≈ Dull Lavender
사각 배색 +90° +180° +270°
- CCA24D
Golden Sheaf
- 4CC0A2
≈ Eucalipto
- 83A8F1
≈ Kitten’s Eye
- E08AAF
≈ Tempting Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.37:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.84:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.84:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--golden-sheaf: #cca24d;
--golden-sheaf-rgb: 204 162 77;
--golden-sheaf-oklch: oklch(0.734 0.114 82.9);
}
.element {
color: var(--golden-sheaf);
background-color: hsl(40 55% 55%);
border-color: oklch(0.734 0.114 82.9);
}Tailwind CSS v4
@theme {
--color-golden-sheaf: #cca24d;
--color-golden-sheaf-50: #fff3d1;
--color-golden-sheaf-100: #fae6bd;
--color-golden-sheaf-200: #ebd19c;
--color-golden-sheaf-300: #d2b372;
--color-golden-sheaf-400: #bf9848;
--color-golden-sheaf-500: #ab7e08;
--color-golden-sheaf-600: #906b0f;
--color-golden-sheaf-700: #74550d;
--color-golden-sheaf-800: #563d07;
--color-golden-sheaf-900: #3c2a05;
--color-golden-sheaf-950: #261800;
}SCSS
$golden-sheaf: #cca24d;
$golden-sheaf-rgb: 204, 162, 77;
$golden-sheaf-light: mix(#fff, $golden-sheaf, 20%);
$golden-sheaf-dark: mix(#000, $golden-sheaf, 20%);
.element {
color: $golden-sheaf;
box-shadow: 0 0 0 2px rgba($golden-sheaf, 0.35);
}