Màu có tên gần nhất · #FFAA94
#FFAA94
Màu có tên gần nhất: Frozen Salmon
#FFAA94 (rgb(255 170 148), hsl(12 100% 79%), oklch(0.816 0.106 35.2)) gần nhất với màu có tên Frozen Salmon. 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.
#FFAA94
oklch(0.816 0.106 35.2)
Chuyển đổi màu
- HEX
- #ffaa94
- RGB
- rgb(255 170 148)
- HSL
- hsl(12 100% 79%)
- HWB
- hwb(12 58% 0%)
- OKLCH
- oklch(0.816 0.106 35.2)
- OKLab
- oklab(0.816 0.086 0.061)
- CIE Lab
- lab(77.79 30.32 24.85)
- LCH
- lch(77.79 39.2 39.3)
- CMYK
- cmyk(0% 33% 42% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFB39F
- FFBBA9
- FFC4B4
- FFCCBF
- FFD5C9
- FFDDD4
- FFE6DF
- FFEEE9
- FFF7F4
Sắc đậm
- DE9380
- BE7D6D
- 9E685A
- 805348
- 633F36
- 482D26
- 2E1B16
- 160B08
- 030101
Sắc xám
- F2A692
- E5A290
- D99E8F
- CC9A8D
- BF968B
- B39189
- A68D87
- 998984
- 8D8482
Hòa sắc
Bổ túc +180°
- FFAA94
Frozen Salmon
- 67D4EE
≈ Middle Blue
Tương đồng -30° +30°
- FFAA94
Frozen Salmon
- FDA6B9
≈ Amélie’s Tutu
- F2B578
≈ Surprise Amber
Bộ ba +120° +240°
- FFAA94
Frozen Salmon
- 89D7A5
≈ Patrice
- B1BEFF
≈ Dried Lilac
Bổ túc chia +150° +210°
- FFAA94
Frozen Salmon
- 68D9CC
≈ Hammam Blue
- 8BCAFF
≈ Platonic Blue
Bộ bốn +90° +180° +270°
- FFAA94
Frozen Salmon
- B3CF82
≈ Nurgling Green
- 67D4EE
≈ Middle Blue
- D3B1FA
≈ 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.42:1 · APCA Lc 68
Màu chữ tốt nhất: #000000
WCAG 11.42:1 (AAA) · APCA Lc 68
Contrast pairs
Đoạn mã
CSS
:root {
--frozen-salmon: #ffaa94;
--frozen-salmon-rgb: 255 170 148;
--frozen-salmon-oklch: oklch(0.816 0.106 35.2);
}
.element {
color: var(--frozen-salmon);
background-color: hsl(12 100% 79%);
border-color: oklch(0.816 0.106 35.2);
}Tailwind CSS v4
@theme {
--color-frozen-salmon: #ffaa94;
--color-frozen-salmon-50: #ffebe0;
--color-frozen-salmon-100: #ffdccf;
--color-frozen-salmon-200: #fdc5b5;
--color-frozen-salmon-300: #e8a591;
--color-frozen-salmon-400: #d58773;
--color-frozen-salmon-500: #c16a54;
--color-frozen-salmon-600: #a35a48;
--color-frozen-salmon-700: #834839;
--color-frozen-salmon-800: #62342a;
--color-frozen-salmon-900: #45231c;
--color-frozen-salmon-950: #2c120c;
}SCSS
$frozen-salmon: #ffaa94;
$frozen-salmon-rgb: 255, 170, 148;
$frozen-salmon-light: mix(#fff, $frozen-salmon, 20%);
$frozen-salmon-dark: mix(#000, $frozen-salmon, 20%);
.element {
color: $frozen-salmon;
box-shadow: 0 0 0 2px rgba($frozen-salmon, 0.35);
}