Colore con nome più vicino · #5C7C69
#5C7C69
Colore con nome più vicino: Ecological
#5C7C69 (rgb(92 124 105), hsl(144 15% 42%), oklch(0.556 0.047 158.4)) è più vicino al colore con nome Ecological. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#5C7C69
oklch(0.556 0.047 158.4)
Conversioni di colore
- HEX
- #5c7c69
- RGB
- rgb(92 124 105)
- HSL
- hsl(144 15% 42%)
- HWB
- hwb(144 36% 51%)
- OKLCH
- oklch(0.556 0.047 158.4)
- OKLab
- oklab(0.556 -0.044 0.017)
- CIE Lab
- lab(49.11 -15.08 6.53)
- LCH
- lch(49.11 16.43 156.6)
- CMYK
- cmyk(26% 0% 15% 51%)
Tinte · Ombre · Toni
Tinte
- 6B8877
- 7B9585
- 8BA294
- 9BAFA2
- ABBCB1
- BBC9C0
- CCD6D0
- DDE4DF
- EEF1EF
Ombre
- 4F6B5A
- 425A4C
- 364A3E
- 2A3B31
- 1F2C24
- 141E18
- 0A110C
- 030504
- 000100
Toni
- 607C6B
- 647D6E
- 677D70
- 6B7E72
- 6F7E74
- 727F77
- 767F79
- 797F7B
- 7D807E
Armonie di colore
Complementare +180°
- 5C7C69
Ecological
- 86697D
≈ Imaginary Mauve
Analogo -30° +30°
- 5C7C69
Ecological
- 6B795B
≈ Kariyasu Green
- 537C78
≈ Breaker Bay
Triadico +120° +240°
- 5C7C69
Ecological
- 6D718F
≈ Stormy Mauve
- 8C6A5F
≈ Creamed Muscat
Complementare divisa +150° +210°
- 5C7C69
Ecological
- 7B6C89
≈ Nymph’s Delight
- 8C686E
≈ Mauve-a-Lish
Tetradico +90° +180° +270°
- 5C7C69
Ecological
- 5E768E
≈ Columbus
- 86697D
≈ Imaginary Mauve
- 866F56
≈ Thatch Brown
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.62:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.54:1 · APCA Lc 30
Miglior colore del testo: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--ecological: #5c7c69;
--ecological-rgb: 92 124 105;
--ecological-oklch: oklch(0.556 0.047 158.4);
}
.element {
color: var(--ecological);
background-color: hsl(144 15% 42%);
border-color: oklch(0.556 0.047 158.4);
}Tailwind CSS v4
@theme {
--color-ecological: #5c7c69;
--color-ecological-50: #eafaf1;
--color-ecological-100: #dbede3;
--color-ecological-200: #c4dbce;
--color-ecological-300: #a3bfaf;
--color-ecological-400: #88a794;
--color-ecological-500: #6c907b;
--color-ecological-600: #5c7a68;
--color-ecological-700: #496253;
--color-ecological-800: #35473c;
--color-ecological-900: #243129;
--color-ecological-950: #131d17;
}SCSS
$ecological: #5c7c69;
$ecological-rgb: 92, 124, 105;
$ecological-light: mix(#fff, $ecological, 20%);
$ecological-dark: mix(#000, $ecological, 20%);
.element {
color: $ecological;
box-shadow: 0 0 0 2px rgba($ecological, 0.35);
}