Adlandırılmış renk · #A57648
Crazy Horse
Crazy Horse, #A57648: rgb(165 118 72), hsl(30 39% 46%), oklch(0.603 0.086 64.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Crazy Horse color name →
#A57648
oklch(0.603 0.086 64.4)
Renk dönüşümleri
- HEX
- #a57648
- RGB
- rgb(165 118 72)
- HSL
- hsl(30 39% 46%)
- HWB
- hwb(30 28% 35%)
- OKLCH
- oklch(0.603 0.086 64.4)
- OKLab
- oklab(0.603 0.037 0.077)
- CIE Lab
- lab(53.76 15.17 32.78)
- LCH
- lch(53.76 36.12 65.2)
- CMYK
- cmyk(0% 28% 56% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AE835A
- B7916C
- C09E7E
- C9AB90
- D2B9A2
- DBC7B4
- E4D5C7
- EDE3D9
- F6F1EC
Koyu tonlar
- 8F663D
- 795633
- 654729
- 51381F
- 3D2916
- 2B1C0D
- 1A0F06
- 0A0502
- 010100
Gri tonlar
- A2774F
- 9E7855
- 9B7A5B
- 977B61
- 937C66
- 907D6C
- 8C7E71
- 887E76
- 847F7B
Renk uyumları
Tamamlayıcı +180°
- A57648
Crazy Horse
- 5287B1
≈ Silver Lake Blue
Analog -30° +30°
- A57648
Crazy Horse
- AE6E5E
≈ Bantam Egg
- 928041
≈ Shaded Glen
Üçlü +120° +240°
- A57648
Crazy Horse
- 399287
≈ Highlands
- 8D74AB
≈ Romantic Moment
Bölünmüş tamamlayıcı +150° +210°
- A57648
Crazy Horse
- 388EA1
≈ Scooter
- 717DB5
≈ Magic Moment
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.97:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.28:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.28:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--crazy-horse: #a57648;
--crazy-horse-rgb: 165 118 72;
--crazy-horse-oklch: oklch(0.603 0.086 64.4);
}
.element {
color: var(--crazy-horse);
background-color: hsl(30 39% 46%);
border-color: oklch(0.603 0.086 64.4);
}Tailwind CSS v4
@theme {
--color-crazy-horse: #a57648;
--color-crazy-horse-50: #fff1dc;
--color-crazy-horse-100: #fce3ca;
--color-crazy-horse-200: #eeceae;
--color-crazy-horse-300: #d6af89;
--color-crazy-horse-400: #c29468;
--color-crazy-horse-500: #ae7a46;
--color-crazy-horse-600: #93673c;
--color-crazy-horse-700: #765230;
--color-crazy-horse-800: #583b22;
--color-crazy-horse-900: #3d2916;
--color-crazy-horse-950: #271608;
}SCSS
$crazy-horse: #a57648;
$crazy-horse-rgb: 165, 118, 72;
$crazy-horse-light: mix(#fff, $crazy-horse, 20%);
$crazy-horse-dark: mix(#000, $crazy-horse, 20%);
.element {
color: $crazy-horse;
box-shadow: 0 0 0 2px rgba($crazy-horse, 0.35);
}