Couleur nommée · #FFDB67
Sunrose Yellow
Sunrose Yellow correspond à #FFDB67 : rgb(255 219 103), hsl(46 100% 70%), oklch(0.9 0.14 92.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Sunrose Yellow color name →
#FFDB67
oklch(0.9 0.14 92.1)
Conversions de couleur
- HEX
- #ffdb67
- RGB
- rgb(255 219 103)
- HSL
- hsl(46 100% 70%)
- HWB
- hwb(46 40% 0%)
- OKLCH
- oklch(0.9 0.14 92.1)
- OKLab
- oklab(0.9 -0.005 0.14)
- CIE Lab
- lab(88.85 3.39 60.48)
- LCH
- lch(88.85 60.58 86.8)
- CMYK
- cmyk(0% 14% 60% 0%)
Teintes · Ombres · Tons
Teintes
- FFDF7A
- FFE38B
- FFE79B
- FFEAAB
- FFEEB9
- FFF1C8
- FFF5D6
- FFF8E4
- FFFCF1
Ombres
- DEBE59
- BEA24B
- 9E873D
- 806D30
- 635423
- 483C17
- 2E260C
- 161104
- 030200
Tons
- F2D26D
- E4C971
- D7BF75
- CAB678
- BEAD7B
- B1A47D
- A49B7E
- 98927F
- 8C8980
Harmonies de couleurs
Complémentaire +180°
- FFDB67
Sunrose Yellow
- D2DDFF
≈ Arc Light
Analogue -30° +30°
- FFDB67
Sunrose Yellow
- FFD5B1
≈ Forgotten Sunset
- CEED80
≈ Venomous Sting
Triadique +120° +240°
- FFDB67
Sunrose Yellow
- 99EEFF
≈ Alpine Expedition
- FFCBF6
≈ Kissed by Mist
Complémentaire divisée +150° +210°
- FFDB67
Sunrose Yellow
- C0E3FF
≈ Dithered Sky
- E5D5FF
≈ Mousse aux Pruneaux
Tétradique +90° +180° +270°
- FFDB67
Sunrose Yellow
- 55FCE5
≈ Icy Life
- D2DDFF
≈ Arc Light
- FFCFDB
≈ Bologna Sausage
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.34:1 · APCA Lc 17
Ag
AAASur noir
WCAG 15.58:1 · APCA Lc 87
Meilleure couleur de texte: #000000
WCAG 15.58:1 (AAA) · APCA Lc 87
Contrast pairs
Extraits de code
CSS
:root {
--sunrose-yellow: #ffdb67;
--sunrose-yellow-rgb: 255 219 103;
--sunrose-yellow-oklch: oklch(0.9 0.14 92.1);
}
.element {
color: var(--sunrose-yellow);
background-color: hsl(46 100% 70%);
border-color: oklch(0.9 0.14 92.1);
}Tailwind CSS v4
@theme {
--color-sunrose-yellow: #ffdb67;
--color-sunrose-yellow-50: #fff5c8;
--color-sunrose-yellow-100: #f7e8b3;
--color-sunrose-yellow-200: #e8d48f;
--color-sunrose-yellow-300: #cfb65e;
--color-sunrose-yellow-400: #bc9b25;
--color-sunrose-yellow-500: #a78100;
--color-sunrose-yellow-600: #8d6d00;
--color-sunrose-yellow-700: #715700;
--color-sunrose-yellow-800: #553f00;
--color-sunrose-yellow-900: #3b2b00;
--color-sunrose-yellow-950: #251800;
}SCSS
$sunrose-yellow: #ffdb67;
$sunrose-yellow-rgb: 255, 219, 103;
$sunrose-yellow-light: mix(#fff, $sunrose-yellow, 20%);
$sunrose-yellow-dark: mix(#000, $sunrose-yellow, 20%);
.element {
color: $sunrose-yellow;
box-shadow: 0 0 0 2px rgba($sunrose-yellow, 0.35);
}