Nächste benannte Farbe · #94A49D
#94A49D
Nächste benannte Farbe: Stormy Bay
#94A49D (rgb(148 164 157), hsl(154 8% 61%), oklch(0.704 0.021 167.7)) liegt am nächsten an der benannten Farbe Stormy Bay. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#94A49D
oklch(0.704 0.021 167.7)
Farbumrechnungen
- HEX
- #94a49d
- RGB
- rgb(148 164 157)
- HSL
- hsl(154 8% 61%)
- HWB
- hwb(154 58% 36%)
- OKLCH
- oklch(0.704 0.021 167.7)
- OKLab
- oklab(0.704 -0.02 0.004)
- CIE Lab
- lab(65.94 -6.89 1.62)
- LCH
- lch(65.94 7.08 166.8)
- CMYK
- cmyk(10% 0% 4% 36%)
Tints · Shades · Tones
Tints
- 9EADA6
- A9B6B0
- B3BFB9
- BEC8C3
- C8D1CD
- D3DAD7
- DEE3E1
- E9ECEB
- F4F6F5
Shades
- 808E88
- 6D7973
- 5A645F
- 48504C
- 363D3A
- 262B28
- 161A18
- 080A09
- 010101
Tones
- 92A09A
- 909D97
- 8E9994
- 8C9591
- 8A928E
- 888E8B
- 868B89
- 848786
- 828483
Farbharmonien
Komplementär +180°
- 94A49D
Stormy Bay
- AA9BA2
≈ Laylock
Analog -30° +30°
- 94A49D
Stormy Bay
- 9AA396
≈ Spring Spirits
- 91A4A4
≈ October Sky
Triadisch +120° +240°
- 94A49D
Stormy Bay
- 9E9EAC
≈ Adhesion
- AB9C95
≈ Sinister Mood
Geteilt komplementär +150° +210°
- 94A49D
Stormy Bay
- A59CA8
≈ Lavender Illusion
- AC9B9B
≈ Powdered Brick
Tetradisch +90° +180° +270°
- 94A49D
Stormy Bay
- 98A0AD
≈ Vesper Violet
- AA9BA2
≈ Laylock
- A79E92
≈ Abbey Road
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.60:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 8.05:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--stormy-bay: #94a49d;
--stormy-bay-rgb: 148 164 157;
--stormy-bay-oklch: oklch(0.704 0.021 167.7);
}
.element {
color: var(--stormy-bay);
background-color: hsl(154 8% 61%);
border-color: oklch(0.704 0.021 167.7);
}Tailwind CSS v4
@theme {
--color-stormy-bay: #94a49d;
--color-stormy-bay-50: #f0f7f4;
--color-stormy-bay-100: #e2eae7;
--color-stormy-bay-200: #ccd7d3;
--color-stormy-bay-300: #aebbb6;
--color-stormy-bay-400: #93a39c;
--color-stormy-bay-500: #7a8b83;
--color-stormy-bay-600: #67756f;
--color-stormy-bay-700: #525e59;
--color-stormy-bay-800: #3c4541;
--color-stormy-bay-900: #29302d;
--color-stormy-bay-950: #171c1a;
}SCSS
$stormy-bay: #94a49d;
$stormy-bay-rgb: 148, 164, 157;
$stormy-bay-light: mix(#fff, $stormy-bay, 20%);
$stormy-bay-dark: mix(#000, $stormy-bay, 20%);
.element {
color: $stormy-bay;
box-shadow: 0 0 0 2px rgba($stormy-bay, 0.35);
}