Benannte Farbe · #959889
Deep Seagrass
Deep Seagrass ist #959889: rgb(149 152 137), hsl(72 7% 57%), oklch(0.673 0.022 116.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Deep Seagrass color name →
#959889
oklch(0.673 0.022 116.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 9FA294
- A9ACA0
- B4B6AB
- BEC0B7
- C9CAC2
- D3D5CE
- DEDFDA
- E9EAE6
- F4F4F3
Shades
- 818476
- 6D7064
- 5A5C53
- 484A42
- 373831
- 262722
- 161714
- 080807
- 010101
Tones
- 939688
- 919387
- 8F9186
- 8D8E85
- 8A8C85
- 888A84
- 868783
- 848582
- 828281
Farbharmonien
Komplementär +180°
- 959889
Deep Seagrass
- 9794A2
≈ Ash Violet
Analog -30° +30°
- 959889
Deep Seagrass
- 9C9587
≈ Greywood
- 8E9A8E
≈ Ceremonial Grey
Triadisch +120° +240°
- 959889
Deep Seagrass
- 8A99A2
≈ Thundercat
- A29196
≈ Nirvana
Geteilt komplementär +150° +210°
- 959889
Deep Seagrass
- 9096A4
≈ Trance
- 9E929D
≈ Cut Heather
Tetradisch +90° +180° +270°
- 959889
Deep Seagrass
- 879A9D
≈ Aged Pewter
- 9794A2
≈ Ash Violet
- A3918F
≈ Tribeca
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.94:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.13:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
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);
}