Nazwany kolor · #E9AD17
Sun Song
Sun Song to #E9AD17: rgb(233 173 23), hsl(43 83% 50%), oklch(0.783 0.157 82.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Sun Song color name →
#E9AD17
oklch(0.783 0.157 82.7)
Konwersje koloru
- HEX
- #e9ad17
- RGB
- rgb(233 173 23)
- HSL
- hsl(43 83% 50%)
- HWB
- hwb(43 9% 9%)
- OKLCH
- oklch(0.783 0.157 82.7)
- OKLab
- oklab(0.783 0.02 0.156)
- CIE Lab
- lab(74.91 14.46 74.19)
- LCH
- lch(74.91 75.58 79)
- CMYK
- cmyk(0% 26% 90% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ECB643
- EEBE5F
- F0C776
- F3CF8C
- F5D7A0
- F7DFB3
- F9E7C7
- FBEFDA
- FDF7EC
Odcienie ciemniejsze
- CB9612
- AD7F0E
- 906A0A
- 745506
- 5A4104
- 412D02
- 291B01
- 130B00
- 030100
Tony
- DEA933
- D4A543
- C9A050
- BE9C5A
- B49862
- A9936A
- 9F8E70
- 958A76
- 8A857B
Harmonie kolorów
Komplementarna +180°
- E9AD17
Sun Song
- 93B8FF
≈ Carolina Blue
Analogowa -30° +30°
- E9AD17
Sun Song
- FF9C5B
≈ Honey Carrot Cake
- BAC235
≈ Fluorescent Lime
Triada +120° +240°
- E9AD17
Sun Song
- 00D1DD
≈ Aztec Turquoise
- E794F3
≈ Diva Mecha
Komplementarna rozszczepiona +150° +210°
- E9AD17
Sun Song
- 4EC6FF
≈ Shovel Knight
- BBA9FF
≈ Winterspring Lilac
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.00:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.45:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.45:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--sun-song: #e9ad17;
--sun-song-rgb: 233 173 23;
--sun-song-oklch: oklch(0.783 0.157 82.7);
}
.element {
color: var(--sun-song);
background-color: hsl(43 83% 50%);
border-color: oklch(0.783 0.157 82.7);
}Tailwind CSS v4
@theme {
--color-sun-song: #e9ad17;
--color-sun-song-50: #fff2c2;
--color-sun-song-100: #ffe4ac;
--color-sun-song-200: #f3cf84;
--color-sun-song-300: #ddb04f;
--color-sun-song-400: #cb9400;
--color-sun-song-500: #b87800;
--color-sun-song-600: #9b6600;
--color-sun-song-700: #7d5100;
--color-sun-song-800: #5e3a00;
--color-sun-song-900: #422800;
--color-sun-song-950: #2a1600;
}SCSS
$sun-song: #e9ad17;
$sun-song-rgb: 233, 173, 23;
$sun-song-light: mix(#fff, $sun-song, 20%);
$sun-song-dark: mix(#000, $sun-song, 20%);
.element {
color: $sun-song;
box-shadow: 0 0 0 2px rgba($sun-song, 0.35);
}