Couleur nommée · #FFB657
Golden Rain Yellow
Golden Rain Yellow correspond à #FFB657 : rgb(255 182 87), hsl(34 100% 67%), oklch(0.828 0.139 70.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Golden Rain Yellow color name →
#FFB657
oklch(0.828 0.139 70.8)
Conversions de couleur
- HEX
- #ffb657
- RGB
- rgb(255 182 87)
- HSL
- hsl(34 100% 67%)
- HWB
- hwb(34 34% 0%)
- OKLCH
- oklch(0.828 0.139 70.8)
- OKLab
- oklab(0.828 0.046 0.131)
- CIE Lab
- lab(79.82 20.81 57.91)
- LCH
- lch(79.82 61.54 70.2)
- CMYK
- cmyk(0% 29% 66% 0%)
Teintes · Ombres · Tons
Teintes
- FFBE6C
- FFC57E
- FFCD90
- FFD4A0
- FFDCB1
- FFE3C1
- FFEAD0
- FFF1E0
- FFF8F0
Ombres
- DE9E4B
- BE863E
- 9E6F33
- 805927
- 63441C
- 483012
- 2E1D08
- 160C03
- 030200
Tons
- F2B15E
- E5AC65
- D8A66A
- CBA16F
- BF9C73
- B29676
- A59179
- 998B7C
- 8C867E
Harmonies de couleurs
Complémentaire +180°
- FFB657
Golden Rain Yellow
- 9BCBFF
≈ Apocyan
Analogue -30° +30°
- FFB657
Golden Rain Yellow
- FFB194
≈ Prairie Sunset
- DAC952
≈ Cotton Candy Grape
Triadique +120° +240°
- FFB657
Golden Rain Yellow
- 1FE3DC
≈ Bright Turquoise
- DFB1FF
≈ Mauve
Complémentaire divisée +150° +210°
- FFB657
Golden Rain Yellow
- 57D9FF
≈ Ionized-Air Glow
- BCC1FF
≈ Dried Lilac
Tétradique +90° +180° +270°
- FFB657
Golden Rain Yellow
- 67E2A9
≈ Medium Aquamarine
- 9BCBFF
≈ Apocyan
- FFA5E0
≈ Corinthian Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.73:1 · APCA Lc 31
Ag
AAASur noir
WCAG 12.08:1 · APCA Lc 71
Meilleure couleur de texte: #000000
WCAG 12.08:1 (AAA) · APCA Lc 71
Contrast pairs
Extraits de code
CSS
:root {
--golden-rain-yellow: #ffb657;
--golden-rain-yellow-rgb: 255 182 87;
--golden-rain-yellow-oklch: oklch(0.828 0.139 70.8);
}
.element {
color: var(--golden-rain-yellow);
background-color: hsl(34 100% 67%);
border-color: oklch(0.828 0.139 70.8);
}Tailwind CSS v4
@theme {
--color-golden-rain-yellow: #ffb657;
--color-golden-rain-yellow-50: #fff0ca;
--color-golden-rain-yellow-100: #ffe1b5;
--color-golden-rain-yellow-200: #f9cb92;
--color-golden-rain-yellow-300: #e3ac63;
--color-golden-rain-yellow-400: #d18f32;
--color-golden-rain-yellow-500: #be7200;
--color-golden-rain-yellow-600: #a16100;
--color-golden-rain-yellow-700: #814e00;
--color-golden-rain-yellow-800: #613700;
--color-golden-rain-yellow-900: #442600;
--color-golden-rain-yellow-950: #2c1400;
}SCSS
$golden-rain-yellow: #ffb657;
$golden-rain-yellow-rgb: 255, 182, 87;
$golden-rain-yellow-light: mix(#fff, $golden-rain-yellow, 20%);
$golden-rain-yellow-dark: mix(#000, $golden-rain-yellow, 20%);
.element {
color: $golden-rain-yellow;
box-shadow: 0 0 0 2px rgba($golden-rain-yellow, 0.35);
}