Adlandırılmış renk · #D0A54E
Royal Gold Pearl
Royal Gold Pearl, #D0A54E: rgb(208 165 78), hsl(40 58% 56%), oklch(0.744 0.116 82.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Royal Gold Pearl color name →
#D0A54E
oklch(0.744 0.116 82.8)
Renk dönüşümleri
- HEX
- #d0a54e
- RGB
- rgb(208 165 78)
- HSL
- hsl(40 58% 56%)
- HWB
- hwb(40 31% 18%)
- OKLCH
- oklch(0.744 0.116 82.8)
- OKLab
- oklab(0.744 0.015 0.115)
- CIE Lab
- lab(70.5 9.39 50.26)
- LCH
- lch(70.5 51.13 79.4)
- CMYK
- cmyk(0% 21% 63% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D5AE62
- DAB775
- DEC087
- E3C999
- E8D2AA
- EDDBBB
- F1E4CC
- F6EDDD
- FAF6EE
Koyu tonlar
- B58F43
- 9A7938
- 80652D
- 675123
- 4F3D19
- 392B0F
- 231A07
- 100A02
- 020100
Gri tonlar
- C8A156
- C09E5D
- B89A63
- B09768
- A8936D
- A08F71
- 988C75
- 908879
- 88847D
Renk uyumları
Tamamlayıcı +180°
- D0A54E
Royal Gold Pearl
- 85ACF6
≈ Kitten’s Eye
Analog -30° +30°
- D0A54E
Royal Gold Pearl
- E69764
≈ Outgoing Orange
- ADB458
≈ Green Oasis
Üçlü +120° +240°
- D0A54E
Royal Gold Pearl
- 32C1CC
≈ Panorama Blue
- CF93D7
≈ Somewhere in a Fairytale
Bölünmüş tamamlayıcı +150° +210°
- D0A54E
Royal Gold Pearl
- 55B8E9
≈ Sea Frolic
- AF9EEF
≈ Dull Lavender
Dörtlü +90° +180° +270°
- D0A54E
Royal Gold Pearl
- 4DC4A5
≈ Eucalipto
- 85ACF6
≈ Kitten’s Eye
- E58DB3
≈ Rosebloom
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.28:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.17:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--royal-gold-pearl: #d0a54e;
--royal-gold-pearl-rgb: 208 165 78;
--royal-gold-pearl-oklch: oklch(0.744 0.116 82.8);
}
.element {
color: var(--royal-gold-pearl);
background-color: hsl(40 58% 56%);
border-color: oklch(0.744 0.116 82.8);
}Tailwind CSS v4
@theme {
--color-royal-gold-pearl: #d0a54e;
--color-royal-gold-pearl-50: #fff3d0;
--color-royal-gold-pearl-100: #fae6bc;
--color-royal-gold-pearl-200: #ebd19b;
--color-royal-gold-pearl-300: #d3b370;
--color-royal-gold-pearl-400: #c09846;
--color-royal-gold-pearl-500: #ab7d00;
--color-royal-gold-pearl-600: #916a09;
--color-royal-gold-pearl-700: #745509;
--color-royal-gold-pearl-800: #573d05;
--color-royal-gold-pearl-900: #3d2a04;
--color-royal-gold-pearl-950: #261700;
}SCSS
$royal-gold-pearl: #d0a54e;
$royal-gold-pearl-rgb: 208, 165, 78;
$royal-gold-pearl-light: mix(#fff, $royal-gold-pearl, 20%);
$royal-gold-pearl-dark: mix(#000, $royal-gold-pearl, 20%);
.element {
color: $royal-gold-pearl;
box-shadow: 0 0 0 2px rgba($royal-gold-pearl, 0.35);
}