이름 색상 · #CAA061
Sunrise Heat
Sunrise Heat은(는) #CAA061: rgb(202 160 97), hsl(36 50% 59%), oklch(0.731 0.095 76.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Sunrise Heat color name →
#CAA061
oklch(0.731 0.095 76.5)
색상 변환
- HEX
- #caa061
- RGB
- rgb(202 160 97)
- HSL
- hsl(36 50% 59%)
- HWB
- hwb(36 38% 21%)
- OKLCH
- oklch(0.731 0.095 76.5)
- OKLab
- oklab(0.731 0.022 0.092)
- CIE Lab
- lab(68.8 10.48 38.82)
- LCH
- lch(68.8 40.21 74.9)
- CMYK
- cmyk(0% 21% 52% 21%)
틴트 · 셰이드 · 톤
틴트
- CFA972
- D5B382
- DABC91
- E0C6A1
- E5CFB1
- EAD9C0
- EFE2D0
- F5ECE0
- FAF5EF
셰이드
- AF8B53
- 957646
- 7C6139
- 644E2D
- 4D3B21
- 372915
- 22190B
- 0F0903
- 020100
톤
- C29D65
- BB9A69
- B4976D
- AC9470
- A59073
- 9D8D76
- 968A79
- 8F877C
- 87837E
색 조화
보색 +180°
- CAA061
Sunrise Heat
- 81AAE3
≈ Jordy Blue
유사색 -30° +30°
- CAA061
Sunrise Heat
- DA9574
≈ Buffed Copper
- AFAC63
≈ Palm Frond
삼각 배색 +120° +240°
- CAA061
Sunrise Heat
- 54BABC
≈ Sussie
- C095D0
≈ Amethyst Show
분열 보색 +150° +210°
- CAA061
Sunrise Heat
- 60B4D6
≈ Disembark
- A39FE1
≈ Simply Violet
사각 배색 +90° +180° +270°
- CAA061
Sunrise Heat
- 68BB9B
≈ Peppermint Fresh
- 81AAE3
≈ Jordy Blue
- D490B4
≈ Moonlit Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.41:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.71:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.71:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--sunrise-heat: #caa061;
--sunrise-heat-rgb: 202 160 97;
--sunrise-heat-oklch: oklch(0.731 0.095 76.5);
}
.element {
color: var(--sunrise-heat);
background-color: hsl(36 50% 59%);
border-color: oklch(0.731 0.095 76.5);
}Tailwind CSS v4
@theme {
--color-sunrise-heat: #caa061;
--color-sunrise-heat-50: #fff3d7;
--color-sunrise-heat-100: #fae5c5;
--color-sunrise-heat-200: #ebd0a7;
--color-sunrise-heat-300: #d2b280;
--color-sunrise-heat-400: #be975c;
--color-sunrise-heat-500: #aa7d35;
--color-sunrise-heat-600: #8f6a2e;
--color-sunrise-heat-700: #735525;
--color-sunrise-heat-800: #563d19;
--color-sunrise-heat-900: #3c2a10;
--color-sunrise-heat-950: #261703;
}SCSS
$sunrise-heat: #caa061;
$sunrise-heat-rgb: 202, 160, 97;
$sunrise-heat-light: mix(#fff, $sunrise-heat, 20%);
$sunrise-heat-dark: mix(#000, $sunrise-heat, 20%);
.element {
color: $sunrise-heat;
box-shadow: 0 0 0 2px rgba($sunrise-heat, 0.35);
}