Adlandırılmış renk · #4A5F58
New Hunter
New Hunter, #4A5F58: rgb(74 95 88), hsl(160 12% 33%), oklch(0.466 0.028 172.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · New Hunter color name →
#4A5F58
oklch(0.466 0.028 172.7)
Renk dönüşümleri
- HEX
- #4a5f58
- RGB
- rgb(74 95 88)
- HSL
- hsl(160 12% 33%)
- HWB
- hwb(160 29% 63%)
- OKLCH
- oklch(0.466 0.028 172.7)
- OKLab
- oklab(0.466 -0.028 0.004)
- CIE Lab
- lab(38.41 -9.5 1.26)
- LCH
- lch(38.41 9.58 172.4)
- CMYK
- cmyk(22% 0% 7% 63%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5A6E67
- 6B7D77
- 7D8C87
- 8E9C97
- A0ACA8
- B3BCB8
- C5CCCA
- D8DDDB
- EBEEED
Koyu tonlar
- 3F524B
- 35443F
- 2A3833
- 202C28
- 17201D
- 0E1512
- 060A09
- 020303
- 000000
Gri tonlar
- 4F625C
- 556660
- 5A6964
- 5F6C68
- 656F6C
- 6A7370
- 707674
- 757978
- 7B7D7C
Renk uyumları
Tamamlayıcı +180°
- 4A5F58
New Hunter
- 67535B
≈ Indulgent
Analog -30° +30°
- 4A5F58
New Hunter
- 515E50
≈ Brierwood Green
- 485F60
≈ Midnight Teal
Üçlü +120° +240°
- 4A5F58
New Hunter
- 5A5768
≈ Ripe Berry
- 67564B
≈ Centre Earth
Bölünmüş tamamlayıcı +150° +210°
- 4A5F58
New Hunter
- 615563
≈ Fedora
- 695452
≈ Briar Wood
Dörtlü +90° +180° +270°
- 4A5F58
New Hunter
- 515A6A
≈ Storm Rising
- 67535B
≈ Indulgent
- 615848
≈ Mud Room
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.84:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 3.06:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 6.84:1 (AA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--new-hunter: #4a5f58;
--new-hunter-rgb: 74 95 88;
--new-hunter-oklch: oklch(0.466 0.028 172.7);
}
.element {
color: var(--new-hunter);
background-color: hsl(160 12% 33%);
border-color: oklch(0.466 0.028 172.7);
}Tailwind CSS v4
@theme {
--color-new-hunter: #4a5f58;
--color-new-hunter-50: #edf8f4;
--color-new-hunter-100: #dfebe7;
--color-new-hunter-200: #c9d8d3;
--color-new-hunter-300: #a9bcb6;
--color-new-hunter-400: #8ea49d;
--color-new-hunter-500: #748d84;
--color-new-hunter-600: #627770;
--color-new-hunter-700: #4e5f59;
--color-new-hunter-800: #394641;
--color-new-hunter-900: #27302d;
--color-new-hunter-950: #151c1a;
}SCSS
$new-hunter: #4a5f58;
$new-hunter-rgb: 74, 95, 88;
$new-hunter-light: mix(#fff, $new-hunter, 20%);
$new-hunter-dark: mix(#000, $new-hunter, 20%);
.element {
color: $new-hunter;
box-shadow: 0 0 0 2px rgba($new-hunter, 0.35);
}