Colore con nome · #5E624A
Old Botanical Garden
Old Botanical Garden è #5E624A: rgb(94 98 74), hsl(70 14% 34%), oklch(0.486 0.037 115.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Old Botanical Garden color name →
#5E624A
oklch(0.486 0.037 115.5)
Conversioni di colore
- HEX
- #5e624a
- RGB
- rgb(94 98 74)
- HSL
- hsl(70 14% 34%)
- HWB
- hwb(70 29% 62%)
- OKLCH
- oklch(0.486 0.037 115.5)
- OKLab
- oklab(0.486 -0.016 0.033)
- CIE Lab
- lab(40.67 -5.03 13.17)
- LCH
- lch(40.67 14.1 110.9)
- CMYK
- cmyk(4% 0% 24% 62%)
Tinte · Ombre · Toni
Tinte
- 6D705A
- 7C7F6B
- 8B8E7D
- 9B9E8E
- ABADA0
- BBBDB3
- CCCDC5
- DDDED8
- EEEEEB
Ombre
- 51543F
- 444735
- 373A2A
- 2B2D20
- 1F2117
- 14160E
- 0A0B06
- 030302
- 000000
Toni
- 61654F
- 656855
- 686B5A
- 6B6E5F
- 6F7165
- 72746A
- 767770
- 797A75
- 7C7D7B
Armonie di colore
Complementare +180°
- 5E624A
Old Botanical Garden
- 615B72
≈ Luscious Purple
Analogo -30° +30°
- 5E624A
Old Botanical Garden
- 695E47
≈ Squirrel’s Nest
- 526553
≈ Deep Emerald
Triadico +120° +240°
- 5E624A
Old Botanical Garden
- 4B6372
≈ Winter Evening
- 715760
≈ Exotic Eggplant
Complementare divisa +150° +210°
- 5E624A
Old Botanical Garden
- 555F75
≈ Nightly
- 6A586B
≈ Antique Grey
Tetradico +90° +180° +270°
- 5E624A
Old Botanical Garden
- 466669
≈ Walk Me Home
- 615B72
≈ Luscious Purple
- 735754
≈ Brown Ridge
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.32:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.32:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.32:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--old-botanical-garden: #5e624a;
--old-botanical-garden-rgb: 94 98 74;
--old-botanical-garden-oklch: oklch(0.486 0.037 115.5);
}
.element {
color: var(--old-botanical-garden);
background-color: hsl(70 14% 34%);
border-color: oklch(0.486 0.037 115.5);
}Tailwind CSS v4
@theme {
--color-old-botanical-garden: #5e624a;
--color-old-botanical-garden-50: #f4f7eb;
--color-old-botanical-garden-100: #e7eadc;
--color-old-botanical-garden-200: #d3d7c5;
--color-old-botanical-garden-300: #b5baa5;
--color-old-botanical-garden-400: #9da189;
--color-old-botanical-garden-500: #858a6e;
--color-old-botanical-garden-600: #70745d;
--color-old-botanical-garden-700: #5a5d4a;
--color-old-botanical-garden-800: #424435;
--color-old-botanical-garden-900: #2e2f24;
--color-old-botanical-garden-950: #1a1b13;
}SCSS
$old-botanical-garden: #5e624a;
$old-botanical-garden-rgb: 94, 98, 74;
$old-botanical-garden-light: mix(#fff, $old-botanical-garden, 20%);
$old-botanical-garden-dark: mix(#000, $old-botanical-garden, 20%);
.element {
color: $old-botanical-garden;
box-shadow: 0 0 0 2px rgba($old-botanical-garden, 0.35);
}