Nazwany kolor · #C4AA4D
Sun Dance
Sun Dance to #C4AA4D: rgb(196 170 77), hsl(47 50% 54%), oklch(0.743 0.116 93.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Sun Dance color name →
#C4AA4D
oklch(0.743 0.116 93.8)
Konwersje koloru
- HEX
- #c4aa4d
- RGB
- rgb(196 170 77)
- HSL
- hsl(47 50% 54%)
- HWB
- hwb(47 30% 23%)
- OKLCH
- oklch(0.743 0.116 93.8)
- OKLab
- oklab(0.743 -0.008 0.116)
- CIE Lab
- lab(70.56 1.7 50.36)
- LCH
- lch(70.56 50.39 88.1)
- CMYK
- cmyk(0% 13% 61% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CAB362
- D0BB75
- D5C487
- DBCC98
- E1D5AA
- E7DDBB
- EDE6CC
- F3EEDD
- F9F7EE
Odcienie ciemniejsze
- AA9342
- 917D37
- 78682C
- 615322
- 4A3F18
- 352D0F
- 211B07
- 0E0B02
- 020100
Tony
- BDA655
- B6A25C
- AF9E62
- A89A68
- A1956D
- 9B9171
- 948D75
- 8D8979
- 87847D
Harmonie kolorów
Komplementarna +180°
- C4AA4D
Sun Dance
- 94A6F5
≈ Cold Lips
Analogowa -30° +30°
- C4AA4D
Sun Dance
- DF9B58
≈ Coffee Whip
- 9DB862
≈ Light Birch Green
Triada +120° +240°
- C4AA4D
Sun Dance
- 39BED8
≈ Bachelor Button
- D88FCA
≈ Firm Pink
Komplementarna rozszczepiona +150° +210°
- C4AA4D
Sun Dance
- 66B3F0
≈ Sanctuary Spa
- BB99E8
≈ Bright Lavender
Tetrada +90° +180° +270°
- C4AA4D
Sun Dance
- 3CC3B3
≈ Synergy
- 94A6F5
≈ Cold Lips
- E98BA3
≈ Underwater Flare
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.28:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.20:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--sun-dance: #c4aa4d;
--sun-dance-rgb: 196 170 77;
--sun-dance-oklch: oklch(0.743 0.116 93.8);
}
.element {
color: var(--sun-dance);
background-color: hsl(47 50% 54%);
border-color: oklch(0.743 0.116 93.8);
}Tailwind CSS v4
@theme {
--color-sun-dance: #c4aa4d;
--color-sun-dance-50: #fff6d0;
--color-sun-dance-100: #f3e8bd;
--color-sun-dance-200: #e3d59c;
--color-sun-dance-300: #c9b771;
--color-sun-dance-400: #b59d46;
--color-sun-dance-500: #a08400;
--color-sun-dance-600: #876f07;
--color-sun-dance-700: #6c5908;
--color-sun-dance-800: #514003;
--color-sun-dance-900: #382c03;
--color-sun-dance-950: #231900;
}SCSS
$sun-dance: #c4aa4d;
$sun-dance-rgb: 196, 170, 77;
$sun-dance-light: mix(#fff, $sun-dance, 20%);
$sun-dance-dark: mix(#000, $sun-dance, 20%);
.element {
color: $sun-dance;
box-shadow: 0 0 0 2px rgba($sun-dance, 0.35);
}