Adlandırılmış renk · #BB7731
Hacienda Del Sol
Hacienda Del Sol, #BB7731: rgb(187 119 49), hsl(30 58% 46%), oklch(0.629 0.119 63). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Hacienda Del Sol color name →
#BB7731
oklch(0.629 0.119 63)
Renk dönüşümleri
- HEX
- #bb7731
- RGB
- rgb(187 119 49)
- HSL
- hsl(30 58% 46%)
- HWB
- hwb(30 19% 27%)
- OKLCH
- oklch(0.629 0.119 63)
- OKLab
- oklab(0.629 0.054 0.106)
- CIE Lab
- lab(56.55 23.09 48.27)
- LCH
- lch(56.55 53.51 64.4)
- CMYK
- cmyk(0% 36% 74% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C28549
- CA925F
- D1A073
- D8AD87
- DFBB9B
- E6C8AF
- ECD6C3
- F3E3D7
- F9F1EB
Koyu tonlar
- A26729
- 8A5722
- 73471A
- 5C3813
- 462A0C
- 321C06
- 1F1003
- 0D0501
- 020100
Gri tonlar
- B5783D
- B07A47
- AA7B4F
- A47C57
- 9F7D5F
- 997E66
- 937E6D
- 8D7F74
- 86807A
Renk uyumları
Tamamlayıcı +180°
- BB7731
Hacienda Del Sol
- 3D90CB
≈ Magical Merlin
Analog -30° +30°
- BB7731
Hacienda Del Sol
- C66C58
≈ Langoustino
- A2861E
≈ Green Sulphur
Üçlü +120° +240°
- BB7731
Hacienda Del Sol
- 009E8F
≈ On a Whim
- 9776C4
≈ Lilac Bush
Bölünmüş tamamlayıcı +150° +210°
- BB7731
Hacienda Del Sol
- 009AB0
≈ Caneel Bay
- 7183D1
≈ Tanzine
Dörtlü +90° +180° +270°
- BB7731
Hacienda Del Sol
- 479D65
≈ Bulma Hair
- 3D90CB
≈ Magical Merlin
- B36CA8
≈ Pink Parade
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.62:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.79:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.79:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--hacienda-del-sol: #bb7731;
--hacienda-del-sol-rgb: 187 119 49;
--hacienda-del-sol-oklch: oklch(0.629 0.119 63);
}
.element {
color: var(--hacienda-del-sol);
background-color: hsl(30 58% 46%);
border-color: oklch(0.629 0.119 63);
}Tailwind CSS v4
@theme {
--color-hacienda-del-sol: #bb7731;
--color-hacienda-del-sol-50: #ffefd2;
--color-hacienda-del-sol-100: #ffe0bf;
--color-hacienda-del-sol-200: #f9ca9f;
--color-hacienda-del-sol-300: #e2ab75;
--color-hacienda-del-sol-400: #d08e4e;
--color-hacienda-del-sol-500: #bd721d;
--color-hacienda-del-sol-600: #9f611c;
--color-hacienda-del-sol-700: #804d16;
--color-hacienda-del-sol-800: #60370f;
--color-hacienda-del-sol-900: #432609;
--color-hacienda-del-sol-950: #2b1400;
}SCSS
$hacienda-del-sol: #bb7731;
$hacienda-del-sol-rgb: 187, 119, 49;
$hacienda-del-sol-light: mix(#fff, $hacienda-del-sol, 20%);
$hacienda-del-sol-dark: mix(#000, $hacienda-del-sol, 20%);
.element {
color: $hacienda-del-sol;
box-shadow: 0 0 0 2px rgba($hacienda-del-sol, 0.35);
}