Couleur nommée la plus proche · #94A49D
#94A49D
Couleur nommée la plus proche: Stormy Bay
#94A49D (rgb(148 164 157), hsl(154 8% 61%), oklch(0.704 0.021 167.7)) est la plus proche de la couleur nommée Stormy Bay. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#94A49D
oklch(0.704 0.021 167.7)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 9EADA6
- A9B6B0
- B3BFB9
- BEC8C3
- C8D1CD
- D3DAD7
- DEE3E1
- E9ECEB
- F4F6F5
Ombres
- 808E88
- 6D7973
- 5A645F
- 48504C
- 363D3A
- 262B28
- 161A18
- 080A09
- 010101
Tons
- 92A09A
- 909D97
- 8E9994
- 8C9591
- 8A928E
- 888E8B
- 868B89
- 848786
- 828483
Harmonies de couleurs
Complémentaire +180°
- 94A49D
Stormy Bay
- AA9BA2
≈ Laylock
Analogue -30° +30°
- 94A49D
Stormy Bay
- 9AA396
≈ Spring Spirits
- 91A4A4
≈ October Sky
Triadique +120° +240°
- 94A49D
Stormy Bay
- 9E9EAC
≈ Adhesion
- AB9C95
≈ Sinister Mood
Complémentaire divisée +150° +210°
- 94A49D
Stormy Bay
- A59CA8
≈ Lavender Illusion
- AC9B9B
≈ Powdered Brick
Tétradique +90° +180° +270°
- 94A49D
Stormy Bay
- 98A0AD
≈ Vesper Violet
- AA9BA2
≈ Laylock
- A79E92
≈ Abbey Road
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.60:1 · APCA Lc 51
Ag
AAASur noir
WCAG 8.05:1 · APCA Lc 51
Meilleure couleur de texte: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
Extraits de code
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);
}