Benannte Farbe · #FADA50
Royal Yellow
Royal Yellow ist #FADA50: rgb(250 218 80), hsl(49 94% 65%), oklch(0.891 0.156 95.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Royal Yellow color name →
#FADA50
oklch(0.891 0.156 95.9)
Farbumrechnungen
- HEX
- #fada50
- RGB
- rgb(250 218 80)
- HSL
- hsl(49 94% 65%)
- HWB
- hwb(49 31% 2%)
- OKLCH
- oklch(0.891 0.156 95.9)
- OKLab
- oklab(0.891 -0.016 0.155)
- CIE Lab
- lab(87.98 0.84 68.9)
- LCH
- lch(87.98 68.91 89.3)
- CMYK
- cmyk(0% 13% 68% 2%)
Tints · Shades · Tones
Tints
- FADE68
- FBE27D
- FBE690
- FCEAA1
- FCEEB2
- FDF1C2
- FDF5D2
- FEF8E1
- FEFCF0
Shades
- D9BD44
- BAA239
- 9B872E
- 7D6C24
- 61541A
- 463C10
- 2D2507
- 151102
- 030200
Tones
- EDD15A
- E0C863
- D4BF69
- C7B66F
- BBAD73
- AFA477
- A39B7A
- 97927D
- 8B897F
Farbharmonien
Komplementär +180°
- FADA50
Royal Yellow
- D1D9FF
≈ Icy Plains
Analog -30° +30°
- FADA50
Royal Yellow
- FFD2A5
≈ Affinity
- C2ED75
≈ Pisco Sour
Triadisch +120° +240°
- FADA50
Royal Yellow
- 98EAFF
≈ Alpine Expedition
- FFC7F0
≈ Rosy Maple Moth
Geteilt komplementär +150° +210°
- FADA50
Royal Yellow
- BDE0FF
≈ Dithered Sky
- E6D0FF
≈ Rose Dragée
Tetradisch +90° +180° +270°
- FADA50
Royal Yellow
- 0BFCEA
≈ Master Sword Blue
- D1D9FF
≈ Icy Plains
- FFCBD5
≈ Sweet Sixteen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.38:1 · APCA Lc 18
Ag
AAAAuf Schwarz
WCAG 15.20:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.20:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--royal-yellow: #fada50;
--royal-yellow-rgb: 250 218 80;
--royal-yellow-oklch: oklch(0.891 0.156 95.9);
}
.element {
color: var(--royal-yellow);
background-color: hsl(49 94% 65%);
border-color: oklch(0.891 0.156 95.9);
}Tailwind CSS v4
@theme {
--color-royal-yellow: #fada50;
--color-royal-yellow-50: #fff6c4;
--color-royal-yellow-100: #f5e9ad;
--color-royal-yellow-200: #e6d586;
--color-royal-yellow-300: #cdb852;
--color-royal-yellow-400: #ba9d00;
--color-royal-yellow-500: #a68300;
--color-royal-yellow-600: #8c6f00;
--color-royal-yellow-700: #705800;
--color-royal-yellow-800: #544000;
--color-royal-yellow-900: #3b2c00;
--color-royal-yellow-950: #251900;
}SCSS
$royal-yellow: #fada50;
$royal-yellow-rgb: 250, 218, 80;
$royal-yellow-light: mix(#fff, $royal-yellow, 20%);
$royal-yellow-dark: mix(#000, $royal-yellow, 20%);
.element {
color: $royal-yellow;
box-shadow: 0 0 0 2px rgba($royal-yellow, 0.35);
}