Colore con nome · #959889
Deep Seagrass
Deep Seagrass è #959889: rgb(149 152 137), hsl(72 7% 57%), oklch(0.673 0.022 116.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Deep Seagrass color name →
#959889
oklch(0.673 0.022 116.2)
Conversioni di colore
- HEX
- #959889
- RGB
- rgb(149 152 137)
- HSL
- hsl(72 7% 57%)
- HWB
- hwb(72 54% 40%)
- OKLCH
- oklch(0.673 0.022 116.2)
- OKLab
- oklab(0.673 -0.01 0.02)
- CIE Lab
- lab(62.26 -3.21 7.53)
- LCH
- lch(62.26 8.19 113.1)
- CMYK
- cmyk(2% 0% 10% 40%)
Tinte · Ombre · Toni
Tinte
- 9FA294
- A9ACA0
- B4B6AB
- BEC0B7
- C9CAC2
- D3D5CE
- DEDFDA
- E9EAE6
- F4F4F3
Ombre
- 818476
- 6D7064
- 5A5C53
- 484A42
- 373831
- 262722
- 161714
- 080807
- 010101
Toni
- 939688
- 919387
- 8F9186
- 8D8E85
- 8A8C85
- 888A84
- 868783
- 848582
- 828281
Armonie di colore
Complementare +180°
- 959889
Deep Seagrass
- 9794A2
≈ Ash Violet
Analogo -30° +30°
- 959889
Deep Seagrass
- 9C9587
≈ Greywood
- 8E9A8E
≈ Ceremonial Grey
Triadico +120° +240°
- 959889
Deep Seagrass
- 8A99A2
≈ Thundercat
- A29196
≈ Nirvana
Complementare divisa +150° +210°
- 959889
Deep Seagrass
- 9096A4
≈ Trance
- 9E929D
≈ Cut Heather
Tetradico +90° +180° +270°
- 959889
Deep Seagrass
- 879A9D
≈ Aged Pewter
- 9794A2
≈ Ash Violet
- A3918F
≈ Tribeca
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.94:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.13:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--deep-seagrass: #959889;
--deep-seagrass-rgb: 149 152 137;
--deep-seagrass-oklch: oklch(0.673 0.022 116.2);
}
.element {
color: var(--deep-seagrass);
background-color: hsl(72 7% 57%);
border-color: oklch(0.673 0.022 116.2);
}Tailwind CSS v4
@theme {
--color-deep-seagrass: #959889;
--color-deep-seagrass-50: #f4f6ef;
--color-deep-seagrass-100: #e7e9e1;
--color-deep-seagrass-200: #d3d6cb;
--color-deep-seagrass-300: #b6b9ad;
--color-deep-seagrass-400: #9da092;
--color-deep-seagrass-500: #858878;
--color-deep-seagrass-600: #717366;
--color-deep-seagrass-700: #5a5c51;
--color-deep-seagrass-800: #42433b;
--color-deep-seagrass-900: #2e2e28;
--color-deep-seagrass-950: #1a1b16;
}SCSS
$deep-seagrass: #959889;
$deep-seagrass-rgb: 149, 152, 137;
$deep-seagrass-light: mix(#fff, $deep-seagrass, 20%);
$deep-seagrass-dark: mix(#000, $deep-seagrass, 20%);
.element {
color: $deep-seagrass;
box-shadow: 0 0 0 2px rgba($deep-seagrass, 0.35);
}