Cor nomeada mais próxima · #FDA95E
#FDA95E
Cor nomeada mais próxima: Rajah
#FDA95E (rgb(253 169 94), hsl(28 98% 68%), oklch(0.803 0.134 60.7)) é mais próxima da cor nomeada Rajah. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#FDA95E
oklch(0.803 0.134 60.7)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- FEB270
- FFBB82
- FFC492
- FFCCA2
- FFD5B2
- FFDEC1
- FFE6D1
- FFEEE0
- FFF7F0
Sombras
- DC9251
- BC7C44
- 9D6737
- 7F532B
- 623F1F
- 472C14
- 2D1B0A
- 160A03
- 030100
Tons
- F0A564
- E4A169
- D79E6D
- CB9A71
- BE9674
- B29177
- A58D7A
- 99897C
- 8C857E
Harmonias de cor
Complementar +180°
- FDA95E
Rajah
- 7AC8FF
≈ Bubbly Barracuda
Análoga -30° +30°
- FDA95E
Rajah
- FFA392
≈ Tangerine Cream
- DFBB4B
≈ Buried Gold
Tríade +120° +240°
- FDA95E
Rajah
- 35DAC3
≈ Mint Morning
- CBADFF
≈ Purple Hepatica
Complementar dividida +150° +210°
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.90:1 · APCA Lc 36
Ag
AAASobre preto
WCAG 11.01:1 · APCA Lc 66
Melhor cor de texto: #000000
WCAG 11.01:1 (AAA) · APCA Lc 66
Contrast pairs
Trechos de código
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);
}