이름 색상 · #FF9682
Orange Aura
Orange Aura은(는) #FF9682: rgb(255 150 130), hsl(10 100% 75%), oklch(0.779 0.13 31.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Orange Aura color name →
#FF9682
oklch(0.779 0.13 31.7)
색상 변환
- HEX
- #ff9682
- RGB
- rgb(255 150 130)
- HSL
- hsl(10 100% 75%)
- HWB
- hwb(10 51% 0%)
- OKLCH
- oklch(0.779 0.13 31.7)
- OKLab
- oklab(0.779 0.111 0.068)
- CIE Lab
- lab(73.2 38.91 28.48)
- LCH
- lch(73.2 48.22 36.2)
- CMYK
- cmyk(0% 41% 49% 0%)
틴트 · 셰이드 · 톤
틴트
- FFA18E
- FFAC9B
- FFB6A7
- FFC1B4
- FFCBC0
- FFD6CD
- FFE0D9
- FFEAE6
- FFF5F2
셰이드
- DE8270
- BE6E5F
- 9E5B4E
- 80493E
- 63372F
- 482620
- 2E1612
- 160806
- 030101
톤
- F29482
- E69382
- D99182
- CD8F82
- C08D82
- B48A82
- A78882
- 9A8581
- 8D8381
색 조화
보색 +180°
- FF9682
Orange Aura
- 23CCE7
≈ Picnic Day Sky
유사색 -30° +30°
- FF9682
Orange Aura
- FB92B1
≈ Schauss Pink
- F2A359
≈ Sandy Brown
삼각 배색 +120° +240°
- FF9682
Orange Aura
- 72CF8D
≈ Serengeti Green
- 9DB3FF
≈ Wondrous Wisteria
분열 보색 +150° +210°
- FF9682
Orange Aura
- 30D2BD
≈ Bianchi Green
- 68C0FF
≈ Maya Blue
사각 배색 +90° +180° +270°
- FF9682
Orange Aura
- AAC460
≈ Green Glow
- 23CCE7
≈ Picnic Day Sky
- C6A2FC
≈ Diva
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.11:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 9.93:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.93:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--orange-aura: #ff9682;
--orange-aura-rgb: 255 150 130;
--orange-aura-oklch: oklch(0.779 0.13 31.7);
}
.element {
color: var(--orange-aura);
background-color: hsl(10 100% 75%);
border-color: oklch(0.779 0.13 31.7);
}Tailwind CSS v4
@theme {
--color-orange-aura: #ff9682;
--color-orange-aura-50: #ffe9dd;
--color-orange-aura-100: #ffd9cc;
--color-orange-aura-200: #ffc1b0;
--color-orange-aura-300: #f29f8b;
--color-orange-aura-400: #e17f6d;
--color-orange-aura-500: #ce604d;
--color-orange-aura-600: #ae5242;
--color-orange-aura-700: #8c4134;
--color-orange-aura-800: #682e26;
--color-orange-aura-900: #491f1a;
--color-orange-aura-950: #300f0a;
}SCSS
$orange-aura: #ff9682;
$orange-aura-rgb: 255, 150, 130;
$orange-aura-light: mix(#fff, $orange-aura, 20%);
$orange-aura-dark: mix(#000, $orange-aura, 20%);
.element {
color: $orange-aura;
box-shadow: 0 0 0 2px rgba($orange-aura, 0.35);
}