가장 가까운 이름 색상 · #F89BA5
#F89BA5
가장 가까운 이름 색상: Ballet Slippers
#F89BA5(rgb(248 155 165), hsl(354 87% 79%), oklch(0.786 0.112 13))와 가장 가까운 이름 색상은 Ballet Slippers입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F89BA5
oklch(0.786 0.112 13)
색상 변환
- HEX
- #f89ba5
- RGB
- rgb(248 155 165)
- HSL
- hsl(354 87% 79%)
- HWB
- hwb(354 61% 3%)
- OKLCH
- oklch(0.786 0.112 13)
- OKLab
- oklab(0.786 0.109 0.025)
- CIE Lab
- lab(73.97 36.51 10.26)
- LCH
- lch(73.97 37.92 15.7)
- CMYK
- cmyk(0% 38% 33% 3%)
틴트 · 셰이드 · 톤
틴트
- FAA5AE
- FBAFB7
- FDB9BF
- FEC3C8
- FFCDD1
- FFD7DA
- FFE1E3
- FFEBED
- FFF5F6
셰이드
- D8868F
- B87279
- 9A5E65
- 7C4B51
- 60393D
- 45282B
- 2C181A
- 15090A
- 030101
톤
- EC99A1
- E0969E
- D4949A
- C89196
- BC8F92
- B08C8F
- A4898B
- 988687
- 8C8384
색 조화
보색 +180°
- F89BA5
Ballet Slippers
- 4FD0CD
≈ Medium Turquoise
유사색 -30° +30°
- F89BA5
Ballet Slippers
- EC9CCC
≈ Pearly Pink
- F6A17F
≈ Tropical Paradise
삼각 배색 +120° +240°
- F89BA5
Ballet Slippers
- 9DC97E
≈ Jade Lime
- 85BDFF
≈ Scenic Water
분열 보색 +150° +210°
- F89BA5
Ballet Slippers
- 70D0A5
≈ Crystal Gem
- 5CC9ED
≈ Spritzig
사각 배색 +90° +180° +270°
- F89BA5
Ballet Slippers
- C6BD63
≈ Go Go Lime
- 4FD0CD
≈ Medium Turquoise
- AFB0FF
≈ Winterspring Lilac
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.05:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.22:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.22:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--ballet-slippers: #f89ba5;
--ballet-slippers-rgb: 248 155 165;
--ballet-slippers-oklch: oklch(0.786 0.112 13);
}
.element {
color: var(--ballet-slippers);
background-color: hsl(354 87% 79%);
border-color: oklch(0.786 0.112 13);
}Tailwind CSS v4
@theme {
--color-ballet-slippers: #f89ba5;
--color-ballet-slippers-50: #ffe9eb;
--color-ballet-slippers-100: #ffd9dc;
--color-ballet-slippers-200: #ffc1c5;
--color-ballet-slippers-300: #eba0a5;
--color-ballet-slippers-400: #d8828c;
--color-ballet-slippers-500: #c46471;
--color-ballet-slippers-600: #a65560;
--color-ballet-slippers-700: #85444c;
--color-ballet-slippers-800: #633139;
--color-ballet-slippers-900: #452127;
--color-ballet-slippers-950: #2d1015;
}SCSS
$ballet-slippers: #f89ba5;
$ballet-slippers-rgb: 248, 155, 165;
$ballet-slippers-light: mix(#fff, $ballet-slippers, 20%);
$ballet-slippers-dark: mix(#000, $ballet-slippers, 20%);
.element {
color: $ballet-slippers;
box-shadow: 0 0 0 2px rgba($ballet-slippers, 0.35);
}