Màu có tên gần nhất · #FDA95E
#FDA95E
Màu có tên gần nhất: Rajah
#FDA95E (rgb(253 169 94), hsl(28 98% 68%), oklch(0.803 0.134 60.7)) gần nhất với màu có tên Rajah. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#FDA95E
oklch(0.803 0.134 60.7)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FEB270
- FFBB82
- FFC492
- FFCCA2
- FFD5B2
- FFDEC1
- FFE6D1
- FFEEE0
- FFF7F0
Sắc đậm
- DC9251
- BC7C44
- 9D6737
- 7F532B
- 623F1F
- 472C14
- 2D1B0A
- 160A03
- 030100
Sắc xám
- F0A564
- E4A169
- D79E6D
- CB9A71
- BE9674
- B29177
- A58D7A
- 99897C
- 8C857E
Hòa sắc
Bổ túc +180°
- FDA95E
Rajah
- 7AC8FF
≈ Bubbly Barracuda
Tương đồng -30° +30°
- FDA95E
Rajah
- FFA392
≈ Tangerine Cream
- DFBB4B
≈ Buried Gold
Bộ ba +120° +240°
- FDA95E
Rajah
- 35DAC3
≈ Mint Morning
- CBADFF
≈ Purple Hepatica
Bổ túc chia +150° +210°
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.90:1 · APCA Lc 36
Ag
AAATrên nền đen
WCAG 11.01:1 · APCA Lc 66
Màu chữ tốt nhất: #000000
WCAG 11.01:1 (AAA) · APCA Lc 66
Contrast pairs
Đoạn mã
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);
}