이름 색상 · #C2A048
Spontaneous Sprig
Spontaneous Sprig은(는) #C2A048: rgb(194 160 72), hsl(43 50% 52%), oklch(0.719 0.114 88.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Spontaneous Sprig color name →
#C2A048
oklch(0.719 0.114 88.1)
색상 변환
- HEX
- #c2a048
- RGB
- rgb(194 160 72)
- HSL
- hsl(43 50% 52%)
- HWB
- hwb(43 28% 24%)
- OKLCH
- oklch(0.719 0.114 88.1)
- OKLab
- oklab(0.719 0.004 0.114)
- CIE Lab
- lab(67.72 5.67 49.53)
- LCH
- lch(67.72 49.86 83.5)
- CMYK
- cmyk(0% 18% 63% 24%)
틴트 · 셰이드 · 톤
틴트
- C8AA5D
- CEB371
- D4BD83
- DAC695
- E0CFA7
- E6D9B9
- EDE2CA
- F3ECDC
- F9F5ED
셰이드
- A88B3D
- 8F7633
- 776129
- 604E1F
- 493B16
- 34290D
- 201906
- 0E0902
- 020100
톤
- BB9D51
- B59A58
- AE975F
- A79465
- A1916A
- 9A8D6F
- 938A74
- 8D8778
- 86837C
색 조화
보색 +180°
- C2A048
Spontaneous Sprig
- 86A1EC
≈ Cold Lips
유사색 -30° +30°
- C2A048
Spontaneous Sprig
- D99259
≈ Persian Orange
- 9EAE57
≈ Pandan Cake
삼각 배색 +120° +240°
- C2A048
Spontaneous Sprig
- 2FB8C9
≈ Utopia Beckons
- CB8AC8
≈ Rose Souvenir
분열 보색 +150° +210°
- C2A048
Spontaneous Sprig
- 58AEE3
≈ Blue Jeans
- AD94E2
≈ Dreamy Candy Forest
사각 배색 +90° +180° +270°
- C2A048
Spontaneous Sprig
- 3FBBA4
≈ Jolt of Jade
- 86A1EC
≈ Cold Lips
- DE85A4
≈ Sweet Chrysanthemum
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.49:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.41:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.41:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--spontaneous-sprig: #c2a048;
--spontaneous-sprig-rgb: 194 160 72;
--spontaneous-sprig-oklch: oklch(0.719 0.114 88.1);
}
.element {
color: var(--spontaneous-sprig);
background-color: hsl(43 50% 52%);
border-color: oklch(0.719 0.114 88.1);
}Tailwind CSS v4
@theme {
--color-spontaneous-sprig: #c2a048;
--color-spontaneous-sprig-50: #fff4d1;
--color-spontaneous-sprig-100: #f7e7bd;
--color-spontaneous-sprig-200: #e7d39d;
--color-spontaneous-sprig-300: #ceb572;
--color-spontaneous-sprig-400: #ba9a48;
--color-spontaneous-sprig-500: #a58107;
--color-spontaneous-sprig-600: #8c6d0f;
--color-spontaneous-sprig-700: #70570d;
--color-spontaneous-sprig-800: #543f07;
--color-spontaneous-sprig-900: #3a2b05;
--color-spontaneous-sprig-950: #241800;
}SCSS
$spontaneous-sprig: #c2a048;
$spontaneous-sprig-rgb: 194, 160, 72;
$spontaneous-sprig-light: mix(#fff, $spontaneous-sprig, 20%);
$spontaneous-sprig-dark: mix(#000, $spontaneous-sprig, 20%);
.element {
color: $spontaneous-sprig;
box-shadow: 0 0 0 2px rgba($spontaneous-sprig, 0.35);
}