Benannte Farbe · #C2A048
Spontaneous Sprig
Spontaneous Sprig ist #C2A048: rgb(194 160 72), hsl(43 50% 52%), oklch(0.719 0.114 88.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Spontaneous Sprig color name →
#C2A048
oklch(0.719 0.114 88.1)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- C8AA5D
- CEB371
- D4BD83
- DAC695
- E0CFA7
- E6D9B9
- EDE2CA
- F3ECDC
- F9F5ED
Shades
- A88B3D
- 8F7633
- 776129
- 604E1F
- 493B16
- 34290D
- 201906
- 0E0902
- 020100
Tones
- BB9D51
- B59A58
- AE975F
- A79465
- A1916A
- 9A8D6F
- 938A74
- 8D8778
- 86837C
Farbharmonien
Komplementär +180°
- C2A048
Spontaneous Sprig
- 86A1EC
≈ Cold Lips
Analog -30° +30°
- C2A048
Spontaneous Sprig
- D99259
≈ Persian Orange
- 9EAE57
≈ Pandan Cake
Triadisch +120° +240°
- C2A048
Spontaneous Sprig
- 2FB8C9
≈ Utopia Beckons
- CB8AC8
≈ Rose Souvenir
Geteilt komplementär +150° +210°
- C2A048
Spontaneous Sprig
- 58AEE3
≈ Blue Jeans
- AD94E2
≈ Dreamy Candy Forest
Tetradisch +90° +180° +270°
- C2A048
Spontaneous Sprig
- 3FBBA4
≈ Jolt of Jade
- 86A1EC
≈ Cold Lips
- DE85A4
≈ Sweet Chrysanthemum
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.49:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.41:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.41:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
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);
}