Adlandırılmış renk · #DF9938
Gold Crest
Gold Crest, #DF9938: rgb(223 153 56), hsl(35 72% 55%), oklch(0.736 0.137 70.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Gold Crest color name →
#DF9938
oklch(0.736 0.137 70.9)
Renk dönüşümleri
- HEX
- #df9938
- RGB
- rgb(223 153 56)
- HSL
- hsl(35 72% 55%)
- HWB
- hwb(35 22% 13%)
- OKLCH
- oklch(0.736 0.137 70.9)
- OKLab
- oklab(0.736 0.045 0.13)
- CIE Lab
- lab(69.11 21.02 59.09)
- LCH
- lch(69.11 62.72 70.4)
- CMYK
- cmyk(0% 31% 75% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E3A452
- E7AE68
- EAB87C
- EDC290
- F1CDA3
- F4D7B5
- F7E1C8
- FAEBDA
- FCF5ED
Koyu tonlar
- C2842F
- A57027
- 8A5D1F
- 6F4A17
- 56380F
- 3D2708
- 271704
- 120801
- 020100
Gri tonlar
- D59745
- CC954F
- C39357
- B9905F
- B08E66
- A68B6C
- 9D8971
- 938677
- 8A837B
Renk uyumları
Tamamlayıcı +180°
- DF9938
Gold Crest
- 62AEFC
≈ Tiān Lán Sky
Analog -30° +30°
- DF9938
Gold Crest
- F18A63
≈ Morning Marmalade
- BDAB32
≈ Hey Pesto
Üçlü +120° +240°
- DF9938
Gold Crest
- 00C2BC
≈ Cala Benirrás Blue
- C58FE9
≈ Luminous Lavender
Bölünmüş tamamlayıcı +150° +210°
- DF9938
Gold Crest
- 00BCE5
≈ Blue Raspberry
- 9B9EFD
≈ Cobalite
Dörtlü +90° +180° +270°
- DF9938
Gold Crest
- 47C48D
≈ Enamelled Dragon
- 62AEFC
≈ Tiān Lán Sky
- E385C3
≈ Pink Punk
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.39:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.75:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.75:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--gold-crest: #df9938;
--gold-crest-rgb: 223 153 56;
--gold-crest-oklch: oklch(0.736 0.137 70.9);
}
.element {
color: var(--gold-crest);
background-color: hsl(35 72% 55%);
border-color: oklch(0.736 0.137 70.9);
}Tailwind CSS v4
@theme {
--color-gold-crest: #df9938;
--color-gold-crest-50: #fff0cb;
--color-gold-crest-100: #ffe2b6;
--color-gold-crest-200: #f8cc92;
--color-gold-crest-300: #e2ac64;
--color-gold-crest-400: #d18f34;
--color-gold-crest-500: #bd7300;
--color-gold-crest-600: #a06100;
--color-gold-crest-700: #804e00;
--color-gold-crest-800: #603800;
--color-gold-crest-900: #432600;
--color-gold-crest-950: #2b1400;
}SCSS
$gold-crest: #df9938;
$gold-crest-rgb: 223, 153, 56;
$gold-crest-light: mix(#fff, $gold-crest, 20%);
$gold-crest-dark: mix(#000, $gold-crest, 20%);
.element {
color: $gold-crest;
box-shadow: 0 0 0 2px rgba($gold-crest, 0.35);
}