Nazwany kolor · #C2A048
Spontaneous Sprig
Spontaneous Sprig to #C2A048: rgb(194 160 72), hsl(43 50% 52%), oklch(0.719 0.114 88.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Spontaneous Sprig color name →
#C2A048
oklch(0.719 0.114 88.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C8AA5D
- CEB371
- D4BD83
- DAC695
- E0CFA7
- E6D9B9
- EDE2CA
- F3ECDC
- F9F5ED
Odcienie ciemniejsze
- A88B3D
- 8F7633
- 776129
- 604E1F
- 493B16
- 34290D
- 201906
- 0E0902
- 020100
Tony
- BB9D51
- B59A58
- AE975F
- A79465
- A1916A
- 9A8D6F
- 938A74
- 8D8778
- 86837C
Harmonie kolorów
Komplementarna +180°
- C2A048
Spontaneous Sprig
- 86A1EC
≈ Cold Lips
Analogowa -30° +30°
- C2A048
Spontaneous Sprig
- D99259
≈ Persian Orange
- 9EAE57
≈ Pandan Cake
Triada +120° +240°
- C2A048
Spontaneous Sprig
- 2FB8C9
≈ Utopia Beckons
- CB8AC8
≈ Rose Souvenir
Komplementarna rozszczepiona +150° +210°
- C2A048
Spontaneous Sprig
- 58AEE3
≈ Blue Jeans
- AD94E2
≈ Dreamy Candy Forest
Tetrada +90° +180° +270°
- C2A048
Spontaneous Sprig
- 3FBBA4
≈ Jolt of Jade
- 86A1EC
≈ Cold Lips
- DE85A4
≈ Sweet Chrysanthemum
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.49:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.41:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.41:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
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);
}