Colore con nome · #A98C37
Spring Branch
Spring Branch è #A98C37: rgb(169 140 55), hsl(45 51% 44%), oklch(0.651 0.109 90). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Spring Branch color name →
#A98C37
oklch(0.651 0.109 90)
Conversioni di colore
- HEX
- #a98c37
- RGB
- rgb(169 140 55)
- HSL
- hsl(45 51% 44%)
- HWB
- hwb(45 22% 34%)
- OKLCH
- oklch(0.651 0.109 90)
- OKLab
- oklab(0.651 0 0.109)
- CIE Lab
- lab(59.76 4.33 47.96)
- LCH
- lch(59.76 48.15 84.8)
- CMYK
- cmyk(0% 17% 67% 34%)
Tinte · Ombre · Toni
Tinte
- B1974E
- BAA363
- C2AE77
- CBB98B
- D3C59E
- DCD0B1
- E5DCC5
- EDE8D8
- F6F3EB
Ombre
- 92792E
- 7C6726
- 67551E
- 534316
- 3F330F
- 2C2308
- 1B1403
- 0A0701
- 010100
Toni
- A58B42
- A18A4B
- 9D8953
- 98885B
- 948762
- 908569
- 8C846F
- 888375
- 84817A
Armonie di colore
Complementare +180°
- A98C37
Spring Branch
- 768BD2
≈ True Lavender
Analogo -30° +30°
- A98C37
Spring Branch
- BF7E46
≈ Sedona at Sunset
- 879948
≈ Café de Paris
Triadico +120° +240°
- A98C37
Spring Branch
- 18A1B4
≈ January Blue
- B576AF
≈ Eccentric Magenta
Complementare divisa +150° +210°
- A98C37
Spring Branch
- 4998CB
≈ Blessed Blue
- 9A80C8
≈ Lilac Purple
Tetradico +90° +180° +270°
- A98C37
Spring Branch
- 28A592
≈ Fishy House
- 768BD2
≈ True Lavender
- C5728C
≈ Prehistoric Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.23:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.49:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.49:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--spring-branch: #a98c37;
--spring-branch-rgb: 169 140 55;
--spring-branch-oklch: oklch(0.651 0.109 90);
}
.element {
color: var(--spring-branch);
background-color: hsl(45 51% 44%);
border-color: oklch(0.651 0.109 90);
}Tailwind CSS v4
@theme {
--color-spring-branch: #a98c37;
--color-spring-branch-50: #fff5d3;
--color-spring-branch-100: #f5e8bf;
--color-spring-branch-200: #e5d49f;
--color-spring-branch-300: #cbb676;
--color-spring-branch-400: #b79c4d;
--color-spring-branch-500: #a28219;
--color-spring-branch-600: #896e19;
--color-spring-branch-700: #6e5815;
--color-spring-branch-800: #52400c;
--color-spring-branch-900: #392c08;
--color-spring-branch-950: #231900;
}SCSS
$spring-branch: #a98c37;
$spring-branch-rgb: 169, 140, 55;
$spring-branch-light: mix(#fff, $spring-branch, 20%);
$spring-branch-dark: mix(#000, $spring-branch, 20%);
.element {
color: $spring-branch;
box-shadow: 0 0 0 2px rgba($spring-branch, 0.35);
}