En yakın adlandırılmış renk · #358174
#358174
En yakın adlandırılmış renk: Emerald Whispers
#358174 (rgb(53 129 116), hsl(170 42% 36%), oklch(0.552 0.078 180.3)) en çok Emerald Whispers 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.
#358174
oklch(0.552 0.078 180.3)
Renk dönüşümleri
- HEX
- #358174
- RGB
- rgb(53 129 116)
- HSL
- hsl(170 42% 36%)
- HWB
- hwb(170 21% 49%)
- OKLCH
- oklch(0.552 0.078 180.3)
- OKLab
- oklab(0.552 -0.078 0)
- CIE Lab
- lab(48.99 -27.05 -0.36)
- LCH
- lch(48.99 27.05 180.8)
- CMYK
- cmyk(59% 0% 10% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4C8D81
- 61998E
- 75A69C
- 88B2A9
- 9CBFB7
- B0CBC5
- C3D8D3
- D7E5E2
- EBF2F0
Koyu tonlar
- 2D6F64
- 255E54
- 1D4E45
- 153E37
- 0E2E29
- 081F1B
- 03120F
- 010605
- 000101
Gri tonlar
- 408175
- 498176
- 518178
- 598179
- 60817A
- 67817B
- 6E817C
- 74817E
- 7A807F
Renk uyumları
Tamamlayıcı +180°
- 358174
Emerald Whispers
- 985E70
≈ Glitz and Glamour
Analog -30° +30°
- 358174
Emerald Whispers
- 4F7F5A
≈ Sports Field Green
- 307E8B
≈ Sea Swimmer
Üçlü +120° +240°
- 358174
Emerald Whispers
- 796899
≈ Purple Paradise
- 946742
≈ Gilded Glamour
Bölünmüş tamamlayıcı +150° +210°
- 358174
Emerald Whispers
- 8C6188
≈ Hashita Purple
- 9A6057
≈ Copper Brown
Dörtlü +90° +180° +270°
- 358174
Emerald Whispers
- 6170A0
≈ Blueberry Patch
- 985E70
≈ Glitz and Glamour
- 847039
≈ Mustard Magic
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.62:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.54:1 · APCA Lc 30
En iyi metin rengi: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--emerald-whispers: #358174;
--emerald-whispers-rgb: 53 129 116;
--emerald-whispers-oklch: oklch(0.552 0.078 180.3);
}
.element {
color: var(--emerald-whispers);
background-color: hsl(170 42% 36%);
border-color: oklch(0.552 0.078 180.3);
}Tailwind CSS v4
@theme {
--color-emerald-whispers: #358174;
--color-emerald-whispers-50: #defdf7;
--color-emerald-whispers-100: #cdf1ea;
--color-emerald-whispers-200: #b0e0d7;
--color-emerald-whispers-300: #8ac5ba;
--color-emerald-whispers-400: #68aea0;
--color-emerald-whispers-500: #429788;
--color-emerald-whispers-600: #398073;
--color-emerald-whispers-700: #2d665c;
--color-emerald-whispers-800: #204b42;
--color-emerald-whispers-900: #15342e;
--color-emerald-whispers-950: #06201b;
}SCSS
$emerald-whispers: #358174;
$emerald-whispers-rgb: 53, 129, 116;
$emerald-whispers-light: mix(#fff, $emerald-whispers, 20%);
$emerald-whispers-dark: mix(#000, $emerald-whispers, 20%);
.element {
color: $emerald-whispers;
box-shadow: 0 0 0 2px rgba($emerald-whispers, 0.35);
}