لون مسمّى · #D1A14E
Ogryn Wash
Ogryn Wash هو #D1A14E: rgb(209 161 78)، hsl(38 59% 56%)، oklch(0.738 0.115 79). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Ogryn Wash color name →
#D1A14E
oklch(0.738 0.115 79)
تحويلات الألوان
- HEX
- #d1a14e
- RGB
- rgb(209 161 78)
- HSL
- hsl(38 59% 56%)
- HWB
- hwb(38 31% 18%)
- OKLCH
- oklch(0.738 0.115 79)
- OKLab
- oklab(0.738 0.022 0.113)
- CIE Lab
- lab(69.61 11.86 49.33)
- LCH
- lch(69.61 50.74 76.5)
- CMYK
- cmyk(0% 23% 63% 18%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D6AA62
- DBB475
- DFBD87
- E4C798
- E9D0AA
- EDDABB
- F2E3CC
- F6ECDD
- FBF6EE
درجات داكنة
- B58B43
- 9B7638
- 81622D
- 684E23
- 503C19
- 392A0F
- 231907
- 100902
- 020100
درجات رمادية
- C99E56
- C19B5C
- B89862
- B09468
- A8916D
- A08E71
- 988A75
- 908779
- 88847D
تناسق الألوان
متمم +180°
- D1A14E
Ogryn Wash
- 7DABF3
≈ Kitten’s Eye
متجاور -30° +30°
- D1A14E
Ogryn Wash
- E59367
≈ Peachy Maroney
- B0B054
≈ Green Oasis
ثلاثي +120° +240°
- D1A14E
Ogryn Wash
- 30C0C5
≈ Maximum Blue Green
- C992D8
≈ Somewhere in a Fairytale
متمم منقسم +150° +210°
- D1A14E
Ogryn Wash
- 4EB8E4
≈ Sail Away
- A89EEE
≈ Dull Lavender
رباعي +90° +180° +270°
- D1A14E
Ogryn Wash
- 52C19D
≈ New Meadow
- 7DABF3
≈ Kitten’s Eye
- E08BB6
≈ Tempting Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.35:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 8.91:1 · APCA Lc 56
أفضل لون للنص: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--ogryn-wash: #d1a14e;
--ogryn-wash-rgb: 209 161 78;
--ogryn-wash-oklch: oklch(0.738 0.115 79);
}
.element {
color: var(--ogryn-wash);
background-color: hsl(38 59% 56%);
border-color: oklch(0.738 0.115 79);
}Tailwind CSS v4
@theme {
--color-ogryn-wash: #d1a14e;
--color-ogryn-wash-50: #fff3d1;
--color-ogryn-wash-100: #fce5bd;
--color-ogryn-wash-200: #eed09c;
--color-ogryn-wash-300: #d6b271;
--color-ogryn-wash-400: #c39648;
--color-ogryn-wash-500: #af7b08;
--color-ogryn-wash-600: #94690f;
--color-ogryn-wash-700: #76540d;
--color-ogryn-wash-800: #583c07;
--color-ogryn-wash-900: #3e2905;
--color-ogryn-wash-950: #271700;
}SCSS
$ogryn-wash: #d1a14e;
$ogryn-wash-rgb: 209, 161, 78;
$ogryn-wash-light: mix(#fff, $ogryn-wash, 20%);
$ogryn-wash-dark: mix(#000, $ogryn-wash, 20%);
.element {
color: $ogryn-wash;
box-shadow: 0 0 0 2px rgba($ogryn-wash, 0.35);
}