Nazwany kolor · #DC722A
Tahiti Gold
Tahiti Gold to #DC722A: rgb(220 114 42), hsl(24 72% 51%), oklch(0.663 0.155 50.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Tahiti Gold color name →
#DC722A
oklch(0.663 0.155 50.3)
Konwersje koloru
- HEX
- #dc722a
- RGB
- rgb(220 114 42)
- HSL
- hsl(24 72% 51%)
- HWB
- hwb(24 16% 14%)
- OKLCH
- oklch(0.663 0.155 50.3)
- OKLab
- oklab(0.663 0.099 0.119)
- CIE Lab
- lab(60 39.04 56.43)
- LCH
- lch(60 68.62 55.3)
- CMYK
- cmyk(0% 48% 81% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E18146
- E6905D
- EA9E72
- EEAC87
- F2BA9B
- F5C8AF
- F8D6C3
- FBE3D7
- FDF1EB
Odcienie ciemniejsze
- BF6223
- A3531C
- 884416
- 6E3610
- 54280A
- 3C1B05
- 260E02
- 110401
- 020100
Tony
- D37538
- CB7744
- C2794E
- B97A57
- B07C5F
- A77D66
- 9E7E6D
- 947F74
- 8A807A
Harmonie kolorów
Komplementarna +180°
- DC722A
Tahiti Gold
- 00A1D5
≈ Blue Damselfly
Analogowa -30° +30°
- DC722A
Tahiti Gold
- E2666A
≈ Purehearted
- BE8800
≈ Kenyan Sand
Triada +120° +240°
- DC722A
Tahiti Gold
- 00AC87
≈ Arcadia
- 947FEA
≈ Forgotten Purple
Komplementarna rozszczepiona +150° +210°
- DC722A
Tahiti Gold
- 00A7AF
≈ Blue Bolero
- 5991F1
≈ Guilliman Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.23:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.48:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.48:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--tahiti-gold: #dc722a;
--tahiti-gold-rgb: 220 114 42;
--tahiti-gold-oklch: oklch(0.663 0.155 50.3);
}
.element {
color: var(--tahiti-gold);
background-color: hsl(24 72% 51%);
border-color: oklch(0.663 0.155 50.3);
}Tailwind CSS v4
@theme {
--color-tahiti-gold: #dc722a;
--color-tahiti-gold-50: #ffeacd;
--color-tahiti-gold-100: #ffdab8;
--color-tahiti-gold-200: #ffc296;
--color-tahiti-gold-300: #f6a06a;
--color-tahiti-gold-400: #e58040;
--color-tahiti-gold-500: #d35f00;
--color-tahiti-gold-600: #b25100;
--color-tahiti-gold-700: #8f4100;
--color-tahiti-gold-800: #6b2e03;
--color-tahiti-gold-900: #4c1f03;
--color-tahiti-gold-950: #320e00;
}SCSS
$tahiti-gold: #dc722a;
$tahiti-gold-rgb: 220, 114, 42;
$tahiti-gold-light: mix(#fff, $tahiti-gold, 20%);
$tahiti-gold-dark: mix(#000, $tahiti-gold, 20%);
.element {
color: $tahiti-gold;
box-shadow: 0 0 0 2px rgba($tahiti-gold, 0.35);
}