이름 색상 · #FFB3A7
Washed-Out Crimson
Washed-Out Crimson은(는) #FFB3A7: rgb(255 179 167), hsl(8 100% 83%), oklch(0.836 0.091 29.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Washed-Out Crimson color name →
#FFB3A7
oklch(0.836 0.091 29.1)
색상 변환
- HEX
- #ffb3a7
- RGB
- rgb(255 179 167)
- HSL
- hsl(8 100% 83%)
- HWB
- hwb(8 65% 0%)
- OKLCH
- oklch(0.836 0.091 29.1)
- OKLab
- oklab(0.836 0.08 0.044)
- CIE Lab
- lab(80.13 27.4 17.84)
- LCH
- lch(80.13 32.7 33.1)
- CMYK
- cmyk(0% 30% 35% 0%)
틴트 · 셰이드 · 톤
틴트
- FFBBB0
- FFC2B8
- FFCAC1
- FFD2CA
- FFD9D3
- FFE1DB
- FFE8E4
- FFF0ED
- FFF7F6
셰이드
- DE9B91
- BE847B
- 9E6E66
- 805852
- 63433E
- 482F2C
- 2E1D1A
- 160C0A
- 030101
톤
- F2AEA3
- E5A99F
- D8A49B
- CC9F98
- BF9A94
- B29590
- A6908C
- 998A88
- 8D8584
색 조화
보색 +180°
- FFB3A7
Washed-Out Crimson
- 7DDAE9
≈ Medium Sky Blue
유사색 -30° +30°
- FFB3A7
Washed-Out Crimson
- FBB1C8
≈ Caregiver Pink
- F6BB8D
≈ Brandy Butter
삼각 배색 +120° +240°
- FFB3A7
Washed-Out Crimson
- 9FDAA9
≈ Green Trance
- B3C8FF
≈ Night Snow
분열 보색 +150° +210°
- FFB3A7
Washed-Out Crimson
- 83DDCA
≈ Opulent Turquoise
- 91D2FE
≈ Long Island Sound
사각 배색 +90° +180° +270°
- FFB3A7
Washed-Out Crimson
- C2D28E
≈ Spring Has Sprung
- 7DDAE9
≈ Medium Sky Blue
- D1BCFD
≈ Lavender Tonic
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.71:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.25:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.25:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--washed-out-crimson: #ffb3a7;
--washed-out-crimson-rgb: 255 179 167;
--washed-out-crimson-oklch: oklch(0.836 0.091 29.1);
}
.element {
color: var(--washed-out-crimson);
background-color: hsl(8 100% 83%);
border-color: oklch(0.836 0.091 29.1);
}Tailwind CSS v4
@theme {
--color-washed-out-crimson: #ffb3a7;
--color-washed-out-crimson-50: #ffece5;
--color-washed-out-crimson-100: #ffddd6;
--color-washed-out-crimson-200: #f9c7bd;
--color-washed-out-crimson-300: #e2a79b;
--color-washed-out-crimson-400: #cf8a7f;
--color-washed-out-crimson-500: #bb6e63;
--color-washed-out-crimson-600: #9e5d54;
--color-washed-out-crimson-700: #7f4a43;
--color-washed-out-crimson-800: #5e3631;
--color-washed-out-crimson-900: #422521;
--color-washed-out-crimson-950: #2a1311;
}SCSS
$washed-out-crimson: #ffb3a7;
$washed-out-crimson-rgb: 255, 179, 167;
$washed-out-crimson-light: mix(#fff, $washed-out-crimson, 20%);
$washed-out-crimson-dark: mix(#000, $washed-out-crimson, 20%);
.element {
color: $washed-out-crimson;
box-shadow: 0 0 0 2px rgba($washed-out-crimson, 0.35);
}