En yakın adlandırılmış renk · #204114
#204114
En yakın adlandırılmış renk: Myrtle
#204114 (rgb(32 65 20), hsl(104 53% 17%), oklch(0.338 0.081 138.3)) en çok Myrtle 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.
#204114
oklch(0.338 0.081 138.3)
Renk dönüşümleri
- HEX
- #204114
- RGB
- rgb(32 65 20)
- HSL
- hsl(104 53% 17%)
- HWB
- hwb(104 8% 75%)
- OKLCH
- oklch(0.338 0.081 138.3)
- OKLab
- oklab(0.338 -0.061 0.054)
- CIE Lab
- lab(24.17 -20.1 22.82)
- LCH
- lch(24.17 30.41 131.4)
- CMYK
- cmyk(51% 0% 69% 75%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 34522A
- 496440
- 5D7656
- 73886C
- 899B83
- A0AF9B
- B7C2B3
- CED6CC
- E6EAE5
Koyu tonlar
- 1A3710
- 152E0C
- 0F2508
- 0A1C05
- 061303
- 030B01
- 010501
- 000100
- 000000
Gri tonlar
- 2A4720
- 334D2B
- 3D5435
- 465A40
- 4F604A
- 596755
- 636D5F
- 6C736A
- 767A75
Renk uyumları
Tamamlayıcı +180°
- 204114
Myrtle
- 492852
≈ Deep Plum
Analog -30° +30°
- 204114
Myrtle
- 3B3A00
≈ Dark Olive
- 004331
≈ UP Forest Green
Üçlü +120° +240°
- 204114
Myrtle
- 1B3761
≈ Navy Trim
- 5A2327
≈ Burnt Crimson
Bölünmüş tamamlayıcı +150° +210°
- 204114
Myrtle
- 362F5F
≈ Galaxea
- 55243F
≈ Zinfandel
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.49:1 · APCA Lc 96
Ag
FailSiyah üzerinde
WCAG 1.82:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.49:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--myrtle: #204114;
--myrtle-rgb: 32 65 20;
--myrtle-oklch: oklch(0.338 0.081 138.3);
}
.element {
color: var(--myrtle);
background-color: hsl(104 53% 17%);
border-color: oklch(0.338 0.081 138.3);
}Tailwind CSS v4
@theme {
--color-myrtle: #204114;
--color-myrtle-50: #e9fbe5;
--color-myrtle-100: #daefd6;
--color-myrtle-200: #c2ddbd;
--color-myrtle-300: #a2c29b;
--color-myrtle-400: #87aa7b;
--color-myrtle-500: #6b935e;
--color-myrtle-600: #5b7c50;
--color-myrtle-700: #486440;
--color-myrtle-800: #35492c;
--color-myrtle-900: #24331e;
--color-myrtle-950: #131e0e;
}SCSS
$myrtle: #204114;
$myrtle-rgb: 32, 65, 20;
$myrtle-light: mix(#fff, $myrtle, 20%);
$myrtle-dark: mix(#000, $myrtle, 20%);
.element {
color: $myrtle;
box-shadow: 0 0 0 2px rgba($myrtle, 0.35);
}