Colore con nome · #FDDC5C
Rodan Gold
Rodan Gold è #FDDC5C: rgb(253 220 92), hsl(48 98% 68%), oklch(0.899 0.149 94.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Rodan Gold color name →
#FDDC5C
oklch(0.899 0.149 94.7)
Conversioni di colore
- HEX
- #fddc5c
- RGB
- rgb(253 220 92)
- HSL
- hsl(48 98% 68%)
- HWB
- hwb(48 36% 1%)
- OKLCH
- oklch(0.899 0.149 94.7)
- OKLab
- oklab(0.899 -0.012 0.148)
- CIE Lab
- lab(88.83 1.59 65.08)
- LCH
- lch(88.83 65.1 88.6)
- CMYK
- cmyk(0% 13% 64% 1%)
Tinte · Ombre · Toni
Tinte
- FDE071
- FDE484
- FEE796
- FEEBA6
- FEEFB6
- FEF2C5
- FEF5D4
- FFF9E2
- FFFCF1
Ombre
- DCBF4F
- BCA342
- 9D8836
- 7F6E2A
- 62541F
- 473C14
- 2D260A
- 161103
- 030200
Toni
- F0D364
- E3C96A
- D6C06F
- C9B774
- BDAE77
- B0A57A
- A49B7C
- 98927E
- 8C897F
Armonie di colore
Complementare +180°
- FDDC5C
Rodan Gold
- D4DCFF
≈ Icy Plains
Analogo -30° +30°
- FDDC5C
Rodan Gold
- FFD5AE
≈ Forgotten Sunset
- C8EF7C
≈ Venomous Sting
Triadico +120° +240°
- FDDC5C
Rodan Gold
- 9EECFF
≈ Alpine Expedition
- FFCBF3
≈ Kissed by Mist
Complementare divisa +150° +210°
- FDDC5C
Rodan Gold
- C1E2FF
≈ Dithered Sky
- E7D4FF
≈ Rose Dragée
Tetradico +90° +180° +270°
- FDDC5C
Rodan Gold
- 3AFDEA
≈ Ice Temple
- D4DCFF
≈ Icy Plains
- FFCFD9
≈ Bologna Sausage
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.56:1 · APCA Lc 87
Miglior colore del testo: #000000
WCAG 15.56:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--rodan-gold: #fddc5c;
--rodan-gold-rgb: 253 220 92;
--rodan-gold-oklch: oklch(0.899 0.149 94.7);
}
.element {
color: var(--rodan-gold);
background-color: hsl(48 98% 68%);
border-color: oklch(0.899 0.149 94.7);
}Tailwind CSS v4
@theme {
--color-rodan-gold: #fddc5c;
--color-rodan-gold-50: #fff6c6;
--color-rodan-gold-100: #f6e9b0;
--color-rodan-gold-200: #e6d58a;
--color-rodan-gold-300: #cdb757;
--color-rodan-gold-400: #ba9c0d;
--color-rodan-gold-500: #a68200;
--color-rodan-gold-600: #8c6e00;
--color-rodan-gold-700: #705800;
--color-rodan-gold-800: #544000;
--color-rodan-gold-900: #3b2c00;
--color-rodan-gold-950: #251900;
}SCSS
$rodan-gold: #fddc5c;
$rodan-gold-rgb: 253, 220, 92;
$rodan-gold-light: mix(#fff, $rodan-gold, 20%);
$rodan-gold-dark: mix(#000, $rodan-gold, 20%);
.element {
color: $rodan-gold;
box-shadow: 0 0 0 2px rgba($rodan-gold, 0.35);
}