Colore con nome · #C0B05D
Spring Marsh
Spring Marsh è #C0B05D: rgb(192 176 93), hsl(50 44% 56%), oklch(0.753 0.106 98.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Spring Marsh color name →
#C0B05D
oklch(0.753 0.106 98.6)
Conversioni di colore
- HEX
- #c0b05d
- RGB
- rgb(192 176 93)
- HSL
- hsl(50 44% 56%)
- HWB
- hwb(50 36% 25%)
- OKLCH
- oklch(0.753 0.106 98.6)
- OKLab
- oklab(0.753 -0.016 0.105)
- CIE Lab
- lab(71.9 -2.08 44.19)
- LCH
- lch(71.9 44.24 92.7)
- CMYK
- cmyk(0% 8% 52% 25%)
Tinte · Ombre · Toni
Tinte
- C6B86F
- CCC080
- D2C890
- D9D0A0
- DFD8B0
- E5DFC0
- ECE7D0
- F2EFDF
- F8F7EF
Ombre
- A79950
- 8E8243
- 766C37
- 5F562A
- 49421F
- 342E14
- 201C0A
- 0E0B03
- 020100
Toni
- B9AB62
- B3A667
- ACA26B
- A69D6F
- 9F9873
- 999376
- 938F79
- 8C8A7B
- 86857E
Armonie di colore
Complementare +180°
- C0B05D
Spring Marsh
- A0A8F1
≈ Widowmaker
Analogo -30° +30°
- C0B05D
Spring Marsh
- DBA262
≈ Butterscotch Syrup
- 9BBC72
≈ Leticiaz
Triadico +120° +240°
- C0B05D
Spring Marsh
- 54BFDC
≈ Sea Capture
- DB94C6
≈ Firm Pink
Complementare divisa +150° +210°
- C0B05D
Spring Marsh
- 78B5EF
≈ Fly Away
- C29DE2
≈ Silver Rust
Tetradico +90° +180° +270°
- C0B05D
Spring Marsh
- 4FC4BC
≈ Port Hope
- A0A8F1
≈ Widowmaker
- E992A1
≈ Peony
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.18:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.60:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.60:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--spring-marsh: #c0b05d;
--spring-marsh-rgb: 192 176 93;
--spring-marsh-oklch: oklch(0.753 0.106 98.6);
}
.element {
color: var(--spring-marsh);
background-color: hsl(50 44% 56%);
border-color: oklch(0.753 0.106 98.6);
}Tailwind CSS v4
@theme {
--color-spring-marsh: #c0b05d;
--color-spring-marsh-50: #fbf7d4;
--color-spring-marsh-100: #efeac1;
--color-spring-marsh-200: #ded6a2;
--color-spring-marsh-300: #c3b979;
--color-spring-marsh-400: #ae9f51;
--color-spring-marsh-500: #988622;
--color-spring-marsh-600: #817220;
--color-spring-marsh-700: #675b1a;
--color-spring-marsh-800: #4d420f;
--color-spring-marsh-900: #352e0a;
--color-spring-marsh-950: #211a00;
}SCSS
$spring-marsh: #c0b05d;
$spring-marsh-rgb: 192, 176, 93;
$spring-marsh-light: mix(#fff, $spring-marsh, 20%);
$spring-marsh-dark: mix(#000, $spring-marsh, 20%);
.element {
color: $spring-marsh;
box-shadow: 0 0 0 2px rgba($spring-marsh, 0.35);
}