Colore con nome · #546D66
Chelsea Garden
Chelsea Garden è #546D66: rgb(84 109 102), hsl(163 13% 38%), oklch(0.513 0.032 176). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Chelsea Garden color name →
#546D66
oklch(0.513 0.032 176)
Conversioni di colore
- HEX
- #546d66
- RGB
- rgb(84 109 102)
- HSL
- hsl(163 13% 38%)
- HWB
- hwb(163 33% 57%)
- OKLCH
- oklch(0.513 0.032 176)
- OKLab
- oklab(0.513 -0.031 0.002)
- CIE Lab
- lab(43.86 -10.79 0.74)
- LCH
- lch(43.86 10.81 176.1)
- CMYK
- cmyk(23% 0% 6% 57%)
Tinte · Ombre · Toni
Tinte
- 647B74
- 748882
- 849691
- 95A5A0
- A6B3AF
- B7C2BF
- C9D1CF
- DBE0DE
- EDEFEF
Ombre
- 485E58
- 3C4F4A
- 31413C
- 26332F
- 1B2623
- 111917
- 080D0C
- 020404
- 000100
Toni
- 596F69
- 5D716B
- 61736E
- 667570
- 6A7773
- 6F7875
- 737A78
- 777C7B
- 7C7E7D
Armonie di colore
Complementare +180°
- 546D66
Chelsea Garden
- 766067
≈ Nasake
Analogo -30° +30°
- 546D66
Chelsea Garden
- 5C6C5C
≈ Terrarium
- 526C70
≈ Sequoia Lake
Triadico +120° +240°
- 546D66
Chelsea Garden
- 686377
≈ Promised Amethyst
- 756256
≈ Traditional
Complementare divisa +150° +210°
- 546D66
Chelsea Garden
- 716171
≈ Purple Kasbah
- 78605D
≈ Raisin in the Sun
Tetradico +90° +180° +270°
- 546D66
Chelsea Garden
- 5E6779
≈ Folkstone Grey
- 766067
≈ Nasake
- 6F6652
≈ Bronze Fig
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.59:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.75:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.59:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--chelsea-garden: #546d66;
--chelsea-garden-rgb: 84 109 102;
--chelsea-garden-oklch: oklch(0.513 0.032 176);
}
.element {
color: var(--chelsea-garden);
background-color: hsl(163 13% 38%);
border-color: oklch(0.513 0.032 176);
}Tailwind CSS v4
@theme {
--color-chelsea-garden: #546d66;
--color-chelsea-garden-50: #ecf8f5;
--color-chelsea-garden-100: #ddece8;
--color-chelsea-garden-200: #c7d9d4;
--color-chelsea-garden-300: #a7bdb7;
--color-chelsea-garden-400: #8ca59e;
--color-chelsea-garden-500: #718d85;
--color-chelsea-garden-600: #607871;
--color-chelsea-garden-700: #4c605a;
--color-chelsea-garden-800: #374641;
--color-chelsea-garden-900: #26302d;
--color-chelsea-garden-950: #141d1a;
}SCSS
$chelsea-garden: #546d66;
$chelsea-garden-rgb: 84, 109, 102;
$chelsea-garden-light: mix(#fff, $chelsea-garden, 20%);
$chelsea-garden-dark: mix(#000, $chelsea-garden, 20%);
.element {
color: $chelsea-garden;
box-shadow: 0 0 0 2px rgba($chelsea-garden, 0.35);
}