Adlandırılmış renk · #4B6443
Deep Viridian
Deep Viridian, #4B6443: rgb(75 100 67), hsl(105 20% 33%), oklch(0.474 0.06 138.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Deep Viridian color name →
#4B6443
oklch(0.474 0.06 138.3)
Renk dönüşümleri
- HEX
- #4b6443
- RGB
- rgb(75 100 67)
- HSL
- hsl(105 20% 33%)
- HWB
- hwb(105 26% 61%)
- OKLCH
- oklch(0.474 0.06 138.3)
- OKLab
- oklab(0.474 -0.044 0.04)
- CIE Lab
- lab(39.65 -14.94 15.63)
- LCH
- lch(39.65 21.62 133.7)
- CMYK
- cmyk(25% 0% 33% 61%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5B7254
- 6C8166
- 7D9078
- 8F9F8A
- A1AF9D
- B3BEB0
- C6CEC3
- D8DED7
- ECEFEB
Koyu tonlar
- 405639
- 35482F
- 2B3B26
- 212E1D
- 172214
- 0E160C
- 060B05
- 020301
- 000000
Gri tonlar
- 506749
- 566A4F
- 5B6D55
- 606F5B
- 657261
- 6B7567
- 70786E
- 757A74
- 7B7D7A
Renk uyumları
Tamamlayıcı +180°
- 4B6443
Deep Viridian
- 6A5172
≈ Basil Mauve
Analog -30° +30°
- 4B6443
Deep Viridian
- 5F5F36
≈ Basque Green
- 376756
≈ Plantain Green
Üçlü +120° +240°
- 4B6443
Deep Viridian
- 475D7D
≈ Stream
- 7A4E4F
≈ Veil of Cinder
Bölünmüş tamamlayıcı +150° +210°
- 4B6443
Deep Viridian
- 5A567C
≈ Aurora Splendour
- 754E62
≈ Passionate
Dörtlü +90° +180° +270°
- 4B6443
Deep Viridian
- 356276
≈ Atlantis
- 6A5172
≈ Basil Mauve
- 78523E
≈ Earth Fired Red
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.55:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.20:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.55:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--deep-viridian: #4b6443;
--deep-viridian-rgb: 75 100 67;
--deep-viridian-oklch: oklch(0.474 0.06 138.3);
}
.element {
color: var(--deep-viridian);
background-color: hsl(105 20% 33%);
border-color: oklch(0.474 0.06 138.3);
}Tailwind CSS v4
@theme {
--color-deep-viridian: #4b6443;
--color-deep-viridian-50: #ecfaea;
--color-deep-viridian-100: #deedda;
--color-deep-viridian-200: #c7dbc3;
--color-deep-viridian-300: #a8bfa3;
--color-deep-viridian-400: #8da785;
--color-deep-viridian-500: #739069;
--color-deep-viridian-600: #617a59;
--color-deep-viridian-700: #4e6147;
--color-deep-viridian-800: #394733;
--color-deep-viridian-900: #273122;
--color-deep-viridian-950: #151d12;
}SCSS
$deep-viridian: #4b6443;
$deep-viridian-rgb: 75, 100, 67;
$deep-viridian-light: mix(#fff, $deep-viridian, 20%);
$deep-viridian-dark: mix(#000, $deep-viridian, 20%);
.element {
color: $deep-viridian;
box-shadow: 0 0 0 2px rgba($deep-viridian, 0.35);
}