أقرب لون مسمّى · #204114
#204114
أقرب لون مسمّى: Myrtle
#204114 (rgb(32 65 20)، hsl(104 53% 17%)، oklch(0.338 0.081 138.3)) أقرب إلى اللون المسمّى Myrtle. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#204114
oklch(0.338 0.081 138.3)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 34522A
- 496440
- 5D7656
- 73886C
- 899B83
- A0AF9B
- B7C2B3
- CED6CC
- E6EAE5
درجات داكنة
- 1A3710
- 152E0C
- 0F2508
- 0A1C05
- 061303
- 030B01
- 010501
- 000100
- 000000
درجات رمادية
- 2A4720
- 334D2B
- 3D5435
- 465A40
- 4F604A
- 596755
- 636D5F
- 6C736A
- 767A75
تناسق الألوان
متمم +180°
- 204114
Myrtle
- 492852
≈ Deep Plum
متجاور -30° +30°
- 204114
Myrtle
- 3B3A00
≈ Dark Olive
- 004331
≈ UP Forest Green
ثلاثي +120° +240°
- 204114
Myrtle
- 1B3761
≈ Navy Trim
- 5A2327
≈ Burnt Crimson
متمم منقسم +150° +210°
- 204114
Myrtle
- 362F5F
≈ Galaxea
- 55243F
≈ Zinfandel
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 11.49:1 · APCA Lc 96
Ag
Failعلى الأسود
WCAG 1.82:1 · APCA Lc 0
أفضل لون للنص: #FFFFFF
WCAG 11.49:1 (AAA) · APCA Lc 96
Contrast pairs
مقتطفات الأكواد
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);
}