En yakın adlandırılmış renk · #94A49D
#94A49D
En yakın adlandırılmış renk: Stormy Bay
#94A49D (rgb(148 164 157), hsl(154 8% 61%), oklch(0.704 0.021 167.7)) en çok Stormy Bay adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#94A49D
oklch(0.704 0.021 167.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9EADA6
- A9B6B0
- B3BFB9
- BEC8C3
- C8D1CD
- D3DAD7
- DEE3E1
- E9ECEB
- F4F6F5
Koyu tonlar
- 808E88
- 6D7973
- 5A645F
- 48504C
- 363D3A
- 262B28
- 161A18
- 080A09
- 010101
Gri tonlar
- 92A09A
- 909D97
- 8E9994
- 8C9591
- 8A928E
- 888E8B
- 868B89
- 848786
- 828483
Renk uyumları
Tamamlayıcı +180°
- 94A49D
Stormy Bay
- AA9BA2
≈ Laylock
Analog -30° +30°
- 94A49D
Stormy Bay
- 9AA396
≈ Spring Spirits
- 91A4A4
≈ October Sky
Üçlü +120° +240°
- 94A49D
Stormy Bay
- 9E9EAC
≈ Adhesion
- AB9C95
≈ Sinister Mood
Bölünmüş tamamlayıcı +150° +210°
- 94A49D
Stormy Bay
- A59CA8
≈ Lavender Illusion
- AC9B9B
≈ Powdered Brick
Dörtlü +90° +180° +270°
- 94A49D
Stormy Bay
- 98A0AD
≈ Vesper Violet
- AA9BA2
≈ Laylock
- A79E92
≈ Abbey Road
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.60:1 · APCA Lc 51
Ag
AAASiyah üzerinde
WCAG 8.05:1 · APCA Lc 51
En iyi metin rengi: #000000
WCAG 8.05:1 (AAA) · APCA Lc 51
Contrast pairs
Kod parçacıkları
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);
}