Najbliższy nazwany kolor · #FDA95E
#FDA95E
Najbliższy nazwany kolor: Rajah
#FDA95E (rgb(253 169 94), hsl(28 98% 68%), oklch(0.803 0.134 60.7)) jest najbliższy nazwanemu kolorowi Rajah. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FDA95E
oklch(0.803 0.134 60.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FEB270
- FFBB82
- FFC492
- FFCCA2
- FFD5B2
- FFDEC1
- FFE6D1
- FFEEE0
- FFF7F0
Odcienie ciemniejsze
- DC9251
- BC7C44
- 9D6737
- 7F532B
- 623F1F
- 472C14
- 2D1B0A
- 160A03
- 030100
Tony
- F0A564
- E4A169
- D79E6D
- CB9A71
- BE9674
- B29177
- A58D7A
- 99897C
- 8C857E
Harmonie kolorów
Komplementarna +180°
- FDA95E
Rajah
- 7AC8FF
≈ Bubbly Barracuda
Analogowa -30° +30°
- FDA95E
Rajah
- FFA392
≈ Tangerine Cream
- DFBB4B
≈ Buried Gold
Triada +120° +240°
- FDA95E
Rajah
- 35DAC3
≈ Mint Morning
- CBADFF
≈ Purple Hepatica
Komplementarna rozszczepiona +150° +210°
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.90:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.01:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 11.01:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
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);
}