命名颜色 · #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);
}