Nazwany kolor · #ECD251
Golden Week
Golden Week to #ECD251: rgb(236 210 81), hsl(50 80% 62%), oklch(0.862 0.148 97.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Golden Week color name →
#ECD251
oklch(0.862 0.148 97.8)
Konwersje koloru
- HEX
- #ecd251
- RGB
- rgb(236 210 81)
- HSL
- hsl(50 80% 62%)
- HWB
- hwb(50 32% 7%)
- OKLCH
- oklch(0.862 0.148 97.8)
- OKLab
- oklab(0.862 -0.02 0.147)
- CIE Lab
- lab(84.67 -1.04 64.72)
- LCH
- lch(84.67 64.73 90.9)
- CMYK
- cmyk(0% 11% 66% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EED768
- F0DC7C
- F1E08F
- F3E5A0
- F5E9B1
- F7EEC1
- F9F2D1
- FBF7E0
- FDFBF0
Odcienie ciemniejsze
- CDB645
- AF9B3A
- 92812F
- 766824
- 5B501A
- 423910
- 292407
- 131002
- 030200
Tony
- E1CA5B
- D5C262
- CAB969
- BFB16E
- B4A972
- AAA176
- 9F9979
- 94907C
- 8A887E
Harmonie kolorów
Komplementarna +180°
- ECD251
Golden Week
- C6CEFF
≈ Lavender Blue
Analogowa -30° +30°
- ECD251
Golden Week
- FFC587
≈ Bundaberg Sand
- B6E475
≈ Pisco Sour
Triada +120° +240°
- ECD251
Golden Week
- 7BE3FF
≈ Tranquil Pool
- FFB7EA
≈ Pink Quartz
Komplementarna rozszczepiona +150° +210°
- ECD251
Golden Week
- ADD7FF
≈ Malmö FF
- E2C3FF
≈ Jane Purple
Tetrada +90° +180° +270°
- ECD251
Golden Week
- 18F0E3
≈ Frozen Boubble
- C6CEFF
≈ Lavender Blue
- FFBDC8
≈ Love Affair
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.51:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.90:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.90:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--golden-week: #ecd251;
--golden-week-rgb: 236 210 81;
--golden-week-oklch: oklch(0.862 0.148 97.8);
}
.element {
color: var(--golden-week);
background-color: hsl(50 80% 62%);
border-color: oklch(0.862 0.148 97.8);
}Tailwind CSS v4
@theme {
--color-golden-week: #ecd251;
--color-golden-week-50: #fff7c6;
--color-golden-week-100: #f3eab1;
--color-golden-week-200: #e3d68b;
--color-golden-week-300: #c9b959;
--color-golden-week-400: #b69e14;
--color-golden-week-500: #a18400;
--color-golden-week-600: #887000;
--color-golden-week-700: #6d5a00;
--color-golden-week-800: #524100;
--color-golden-week-900: #392d00;
--color-golden-week-950: #241900;
}SCSS
$golden-week: #ecd251;
$golden-week-rgb: 236, 210, 81;
$golden-week-light: mix(#fff, $golden-week, 20%);
$golden-week-dark: mix(#000, $golden-week, 20%);
.element {
color: $golden-week;
box-shadow: 0 0 0 2px rgba($golden-week, 0.35);
}