Adlandırılmış renk · #AB924B
Epidote Olvene Ore
Epidote Olvene Ore, #AB924B: rgb(171 146 75), hsl(44 39% 48%), oklch(0.668 0.095 90.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Epidote Olvene Ore color name →
#AB924B
oklch(0.668 0.095 90.3)
Renk dönüşümleri
- HEX
- #ab924b
- RGB
- rgb(171 146 75)
- HSL
- hsl(44 39% 48%)
- HWB
- hwb(44 29% 33%)
- OKLCH
- oklch(0.668 0.095 90.3)
- OKLab
- oklab(0.668 0 0.095)
- CIE Lab
- lab(61.73 3.11 40.71)
- LCH
- lch(61.73 40.82 85.6)
- CMYK
- cmyk(0% 15% 56% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B39D5E
- BBA771
- C4B282
- CCBD94
- D4C8A6
- DDD3B7
- E5DEC9
- EEE9DB
- F6F4ED
Koyu tonlar
- 947E40
- 7E6B35
- 68582B
- 544621
- 403517
- 2D250E
- 1B1606
- 0B0802
- 010100
Gri tonlar
- A79052
- A28F59
- 9E8D5F
- 9A8B64
- 958A69
- 91886E
- 8D8673
- 888477
- 84827C
Renk uyumları
Tamamlayıcı +180°
- AB924B
Epidote Olvene Ore
- 7E91D0
≈ Mood Mode
Analog -30° +30°
- AB924B
Epidote Olvene Ore
- C08656
≈ Mulling Spice
- 8C9D58
≈ Yanagizome Green
Üçlü +120° +240°
- AB924B
Epidote Olvene Ore
- 3EA4B5
≈ Marine Tinge
- B67FB0
≈ Cheddar Pink Mauve
Bölünmüş tamamlayıcı +150° +210°
- AB924B
Epidote Olvene Ore
- 5A9CC9
≈ Tall Waves
- 9E87C7
≈ Petrified Purple
Dörtlü +90° +180° +270°
- AB924B
Epidote Olvene Ore
- 45A897
≈ Jewel Weed
- 7E91D0
≈ Mood Mode
- C57B92
≈ Watermelon Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.02:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.94:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.94:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--epidote-olvene-ore: #ab924b;
--epidote-olvene-ore-rgb: 171 146 75;
--epidote-olvene-ore-oklch: oklch(0.668 0.095 90.3);
}
.element {
color: var(--epidote-olvene-ore);
background-color: hsl(44 39% 48%);
border-color: oklch(0.668 0.095 90.3);
}Tailwind CSS v4
@theme {
--color-epidote-olvene-ore: #ab924b;
--color-epidote-olvene-ore-50: #fff5d7;
--color-epidote-olvene-ore-100: #f3e8c4;
--color-epidote-olvene-ore-200: #e3d4a6;
--color-epidote-olvene-ore-300: #c9b77f;
--color-epidote-olvene-ore-400: #b49c5a;
--color-epidote-olvene-ore-500: #9e8331;
--color-epidote-olvene-ore-600: #866f2b;
--color-epidote-olvene-ore-700: #6b5922;
--color-epidote-olvene-ore-800: #504017;
--color-epidote-olvene-ore-900: #382c0e;
--color-epidote-olvene-ore-950: #221903;
}SCSS
$epidote-olvene-ore: #ab924b;
$epidote-olvene-ore-rgb: 171, 146, 75;
$epidote-olvene-ore-light: mix(#fff, $epidote-olvene-ore, 20%);
$epidote-olvene-ore-dark: mix(#000, $epidote-olvene-ore, 20%);
.element {
color: $epidote-olvene-ore;
box-shadow: 0 0 0 2px rgba($epidote-olvene-ore, 0.35);
}