가장 가까운 이름 색상 · #FFAA94
#FFAA94
가장 가까운 이름 색상: Frozen Salmon
#FFAA94(rgb(255 170 148), hsl(12 100% 79%), oklch(0.816 0.106 35.2))와 가장 가까운 이름 색상은 Frozen Salmon입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FFAA94
oklch(0.816 0.106 35.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FFB39F
- FFBBA9
- FFC4B4
- FFCCBF
- FFD5C9
- FFDDD4
- FFE6DF
- FFEEE9
- FFF7F4
셰이드
- DE9380
- BE7D6D
- 9E685A
- 805348
- 633F36
- 482D26
- 2E1B16
- 160B08
- 030101
톤
- F2A692
- E5A290
- D99E8F
- CC9A8D
- BF968B
- B39189
- A68D87
- 998984
- 8D8482
색 조화
보색 +180°
- FFAA94
Frozen Salmon
- 67D4EE
≈ Middle Blue
유사색 -30° +30°
- FFAA94
Frozen Salmon
- FDA6B9
≈ Amélie’s Tutu
- F2B578
≈ Surprise Amber
삼각 배색 +120° +240°
- FFAA94
Frozen Salmon
- 89D7A5
≈ Patrice
- B1BEFF
≈ Dried Lilac
분열 보색 +150° +210°
- FFAA94
Frozen Salmon
- 68D9CC
≈ Hammam Blue
- 8BCAFF
≈ Platonic Blue
사각 배색 +90° +180° +270°
- FFAA94
Frozen Salmon
- B3CF82
≈ Nurgling Green
- 67D4EE
≈ Middle Blue
- D3B1FA
≈ Light Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.83:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.42:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.42:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
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);
}