Couleur nommée la plus proche · #FDA95E
#FDA95E
Couleur nommée la plus proche: Rajah
#FDA95E (rgb(253 169 94), hsl(28 98% 68%), oklch(0.803 0.134 60.7)) est la plus proche de la couleur nommée Rajah. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FDA95E
oklch(0.803 0.134 60.7)
Conversions de couleur
- HEX
- #fda95e
- RGB
- rgb(253 169 94)
- HSL
- hsl(28 98% 68%)
- HWB
- hwb(28 37% 1%)
- OKLCH
- oklch(0.803 0.134 60.7)
- OKLab
- oklab(0.803 0.066 0.117)
- CIE Lab
- lab(76.66 26.77 51.16)
- LCH
- lch(76.66 57.74 62.4)
- CMYK
- cmyk(0% 33% 63% 1%)
Teintes · Ombres · Tons
Teintes
- FEB270
- FFBB82
- FFC492
- FFCCA2
- FFD5B2
- FFDEC1
- FFE6D1
- FFEEE0
- FFF7F0
Ombres
- DC9251
- BC7C44
- 9D6737
- 7F532B
- 623F1F
- 472C14
- 2D1B0A
- 160A03
- 030100
Tons
- F0A564
- E4A169
- D79E6D
- CB9A71
- BE9674
- B29177
- A58D7A
- 99897C
- 8C857E
Harmonies de couleurs
Complémentaire +180°
- FDA95E
Rajah
- 7AC8FF
≈ Bubbly Barracuda
Analogue -30° +30°
- FDA95E
Rajah
- FFA392
≈ Tangerine Cream
- DFBB4B
≈ Buried Gold
Triadique +120° +240°
- FDA95E
Rajah
- 35DAC3
≈ Mint Morning
- CBADFF
≈ Purple Hepatica
Complémentaire divisée +150° +210°
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.90:1 · APCA Lc 36
Ag
AAASur noir
WCAG 11.01:1 · APCA Lc 66
Meilleure couleur de texte: #000000
WCAG 11.01:1 (AAA) · APCA Lc 66
Contrast pairs
Extraits de code
CSS
:root {
--rajah: #fda95e;
--rajah-rgb: 253 169 94;
--rajah-oklch: oklch(0.803 0.134 60.7);
}
.element {
color: var(--rajah);
background-color: hsl(28 98% 68%);
border-color: oklch(0.803 0.134 60.7);
}Tailwind CSS v4
@theme {
--color-rajah: #fda95e;
--color-rajah-50: #ffeece;
--color-rajah-100: #ffdfba;
--color-rajah-200: #fec898;
--color-rajah-300: #e8a86d;
--color-rajah-400: #d78a43;
--color-rajah-500: #c46d00;
--color-rajah-600: #a65d01;
--color-rajah-700: #854a04;
--color-rajah-800: #643504;
--color-rajah-900: #462404;
--color-rajah-950: #2d1200;
}SCSS
$rajah: #fda95e;
$rajah-rgb: 253, 169, 94;
$rajah-light: mix(#fff, $rajah, 20%);
$rajah-dark: mix(#000, $rajah, 20%);
.element {
color: $rajah;
box-shadow: 0 0 0 2px rgba($rajah, 0.35);
}