Màu có tên gần nhất · #FDAB96
#FDAB96
Màu có tên gần nhất: No Way Rosé
#FDAB96 (rgb(253 171 150), hsl(12 96% 79%), oklch(0.816 0.102 35)) gần nhất với màu có tên No Way Rosé. 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.
#FDAB96
oklch(0.816 0.102 35)
Chuyển đổi màu
- HEX
- #fdab96
- RGB
- rgb(253 171 150)
- HSL
- hsl(12 96% 79%)
- HWB
- hwb(12 59% 1%)
- OKLCH
- oklch(0.816 0.102 35)
- OKLab
- oklab(0.816 0.083 0.058)
- CIE Lab
- lab(77.81 29.21 23.76)
- LCH
- lch(77.81 37.65 39.1)
- CMYK
- cmyk(0% 32% 41% 1%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FEB4A0
- FFBCAB
- FFC5B5
- FFCDC0
- FFD5CA
- FFDED5
- FFE6DF
- FFEEEA
- FFF7F4
Sắc đậm
- DC9482
- BC7E6E
- 9D685B
- 7F5449
- 624037
- 472D26
- 2D1B16
- 160B08
- 030101
Sắc xám
- F0A794
- E4A392
- D79F90
- CB9A8E
- BE968C
- B29289
- A58D87
- 998985
- 8D8582
Hòa sắc
Bổ túc +180°
- FDAB96
No Way Rosé
- 6CD4EC
≈ Middle Blue
Tương đồng -30° +30°
- FDAB96
No Way Rosé
- FBA7BA
≈ Fresh on the Market
- F1B57B
≈ Surprise Amber
Bộ ba +120° +240°
- FDAB96
No Way Rosé
- 8CD7A6
≈ Green Ash
- B1BEFF
≈ Dried Lilac
Bổ túc chia +150° +210°
- FDAB96
No Way Rosé
- 6DD8CB
≈ Turquoise Twist
- 8BCAFF
≈ Platonic Blue
Bộ bốn +90° +180° +270°
- FDAB96
No Way Rosé
- B4CF85
≈ Lettuce Green
- 6CD4EC
≈ Middle Blue
- D2B2F8
≈ Light Violet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.83:1 · APCA Lc 34
Ag
AAATrên nền đen
WCAG 11.44:1 · APCA Lc 68
Màu chữ tốt nhất: #000000
WCAG 11.44:1 (AAA) · APCA Lc 68
Contrast pairs
Đoạn mã
CSS
:root {
--no-way-rose: #fdab96;
--no-way-rose-rgb: 253 171 150;
--no-way-rose-oklch: oklch(0.816 0.102 35);
}
.element {
color: var(--no-way-rose);
background-color: hsl(12 96% 79%);
border-color: oklch(0.816 0.102 35);
}Tailwind CSS v4
@theme {
--color-no-way-rose: #fdab96;
--color-no-way-rose-50: #ffece1;
--color-no-way-rose-100: #ffddd0;
--color-no-way-rose-200: #fcc6b6;
--color-no-way-rose-300: #e6a593;
--color-no-way-rose-400: #d38875;
--color-no-way-rose-500: #c06c57;
--color-no-way-rose-600: #a25c4a;
--color-no-way-rose-700: #82493b;
--color-no-way-rose-800: #61342b;
--color-no-way-rose-900: #44241d;
--color-no-way-rose-950: #2c120d;
}SCSS
$no-way-rose: #fdab96;
$no-way-rose-rgb: 253, 171, 150;
$no-way-rose-light: mix(#fff, $no-way-rose, 20%);
$no-way-rose-dark: mix(#000, $no-way-rose, 20%);
.element {
color: $no-way-rose;
box-shadow: 0 0 0 2px rgba($no-way-rose, 0.35);
}