가장 가까운 이름 색상 · #FFAA9A
#FFAA9A
가장 가까운 이름 색상: Discreet Orange
#FFAA9A(rgb(255 170 154), hsl(10 100% 80%), oklch(0.817 0.104 31.1))와 가장 가까운 이름 색상은 Discreet Orange입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FFAA9A
oklch(0.817 0.104 31.1)
색상 변환
- HEX
- #ffaa9a
- RGB
- rgb(255 170 154)
- HSL
- hsl(10 100% 80%)
- HWB
- hwb(10 60% 0%)
- OKLCH
- oklch(0.817 0.104 31.1)
- OKLab
- oklab(0.817 0.089 0.054)
- CIE Lab
- lab(77.89 30.79 21.77)
- LCH
- lch(77.89 37.7 35.3)
- CMYK
- cmyk(0% 33% 40% 0%)
틴트 · 셰이드 · 톤
틴트
- FFB3A4
- FFBBAE
- FFC4B8
- FFCCC2
- FFD5CC
- FFDDD6
- FFE6E0
- FFEEEB
- FFF7F5
셰이드
- DE9385
- BE7D71
- 9E685E
- 80534B
- 633F39
- 482D27
- 2E1B17
- 160B09
- 030101
톤
- F2A698
- E5A295
- D99E93
- CC9A90
- BF968D
- B3918B
- A68D88
- 998986
- 8D8483
색 조화
보색 +180°
- FFAA9A
Discreet Orange
- 68D5E9
≈ Turquoise Sea
유사색 -30° +30°
- FFAA9A
Discreet Orange
- FBA7BF
≈ Amélie’s Tutu
- F4B47C
≈ Sunburst
삼각 배색 +120° +240°
- FFAA9A
Discreet Orange
- 90D7A1
≈ Mother of Pearl Green
- ADC0FF
≈ Pastel Blue
분열 보색 +150° +210°
- FFAA9A
Discreet Orange
- 6ED9C7
≈ Star Grass
- 85CCFF
≈ Platonic Blue
사각 배색 +90° +180° +270°
- FFAA9A
Discreet Orange
- B9CE81
≈ Alien Breed
- 68D5E9
≈ Turquoise Sea
- CEB4FC
≈ Violet Heaven
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.83:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.46:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.46:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
CSS
:root {
--discreet-orange: #ffaa9a;
--discreet-orange-rgb: 255 170 154;
--discreet-orange-oklch: oklch(0.817 0.104 31.1);
}
.element {
color: var(--discreet-orange);
background-color: hsl(10 100% 80%);
border-color: oklch(0.817 0.104 31.1);
}Tailwind CSS v4
@theme {
--color-discreet-orange: #ffaa9a;
--color-discreet-orange-50: #ffebe2;
--color-discreet-orange-100: #ffdcd2;
--color-discreet-orange-200: #fdc5b8;
--color-discreet-orange-300: #e7a495;
--color-discreet-orange-400: #d48779;
--color-discreet-orange-500: #c16a5b;
--color-discreet-orange-600: #a35a4d;
--color-discreet-orange-700: #83483d;
--color-discreet-orange-800: #61342d;
--color-discreet-orange-900: #44231e;
--color-discreet-orange-950: #2c120e;
}SCSS
$discreet-orange: #ffaa9a;
$discreet-orange-rgb: 255, 170, 154;
$discreet-orange-light: mix(#fff, $discreet-orange, 20%);
$discreet-orange-dark: mix(#000, $discreet-orange, 20%);
.element {
color: $discreet-orange;
box-shadow: 0 0 0 2px rgba($discreet-orange, 0.35);
}