Nazwany kolor · #EEBE1B
Radiant Sunrise
Radiant Sunrise to #EEBE1B: rgb(238 190 27), hsl(46 86% 52%), oklch(0.821 0.163 89.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Radiant Sunrise color name →
#EEBE1B
oklch(0.821 0.163 89.6)
Konwersje koloru
- HEX
- #eebe1b
- RGB
- rgb(238 190 27)
- HSL
- hsl(46 86% 52%)
- HWB
- hwb(46 11% 7%)
- OKLCH
- oklch(0.821 0.163 89.6)
- OKLab
- oklab(0.821 0.001 0.163)
- CIE Lab
- lab(79.62 8.15 77.09)
- LCH
- lch(79.62 77.52 84)
- CMYK
- cmyk(0% 20% 89% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0C547
- F2CC63
- F3D37A
- F5D98F
- F7E0A3
- F9E6B6
- FAEDC9
- FCF3DB
- FDF9ED
Odcienie ciemniejsze
- CFA516
- B18C11
- 93750C
- 775E08
- 5C4805
- 423302
- 2A1F01
- 140D00
- 030200
Tony
- E3B837
- D7B247
- CCAC53
- C1A65D
- B6A065
- AB996C
- A09372
- 958D77
- 8B867C
Harmonie kolorów
Komplementarna +180°
- EEBE1B
Radiant Sunrise
- ADC2FF
≈ Pastel Blue
Analogowa -30° +30°
- EEBE1B
Radiant Sunrise
- FFB170
≈ Apricot
- B8D34A
≈ Solid Gold
Triada +120° +240°
- EEBE1B
Radiant Sunrise
- 00DDF6
≈ Tamarama
- FE9BF7
≈ Pink Elephants
Komplementarna rozszczepiona +150° +210°
- EEBE1B
Radiant Sunrise
- 86CEFF
≈ Platonic Blue
- CEB5FF
≈ Violet Heaven
Tetrada +90° +180° +270°
- EEBE1B
Radiant Sunrise
- 00E3C7
≈ Ice Climber
- ADC2FF
≈ Pastel Blue
- FFA6C2
≈ Amélie’s Tutu
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.74:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 12.01:1 · APCA Lc 71
Najlepszy kolor tekstu: #000000
WCAG 12.01:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmenty kodu
CSS
:root {
--radiant-sunrise: #eebe1b;
--radiant-sunrise-rgb: 238 190 27;
--radiant-sunrise-oklch: oklch(0.821 0.163 89.6);
}
.element {
color: var(--radiant-sunrise);
background-color: hsl(46 86% 52%);
border-color: oklch(0.821 0.163 89.6);
}Tailwind CSS v4
@theme {
--color-radiant-sunrise: #eebe1b;
--color-radiant-sunrise-50: #fff4c0;
--color-radiant-sunrise-100: #fce7a9;
--color-radiant-sunrise-200: #eed280;
--color-radiant-sunrise-300: #d6b448;
--color-radiant-sunrise-400: #c49800;
--color-radiant-sunrise-500: #b07d00;
--color-radiant-sunrise-600: #956a00;
--color-radiant-sunrise-700: #775500;
--color-radiant-sunrise-800: #5a3d00;
--color-radiant-sunrise-900: #3f2a00;
--color-radiant-sunrise-950: #281700;
}SCSS
$radiant-sunrise: #eebe1b;
$radiant-sunrise-rgb: 238, 190, 27;
$radiant-sunrise-light: mix(#fff, $radiant-sunrise, 20%);
$radiant-sunrise-dark: mix(#000, $radiant-sunrise, 20%);
.element {
color: $radiant-sunrise;
box-shadow: 0 0 0 2px rgba($radiant-sunrise, 0.35);
}