가장 가까운 이름 색상 · #FB93B0
#FB93B0
가장 가까운 이름 색상: Rock’n’Rose
#FB93B0(rgb(251 147 176), hsl(343 93% 78%), oklch(0.78 0.129 2.6))와 가장 가까운 이름 색상은 Rock’n’Rose입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FB93B0
oklch(0.78 0.129 2.6)
색상 변환
- HEX
- #fb93b0
- RGB
- rgb(251 147 176)
- HSL
- hsl(343 93% 78%)
- HWB
- hwb(343 58% 2%)
- OKLCH
- oklch(0.78 0.129 2.6)
- OKLab
- oklab(0.78 0.129 0.006)
- CIE Lab
- lab(72.9 42.52 2.75)
- LCH
- lch(72.9 42.61 3.7)
- CMYK
- cmyk(0% 41% 30% 2%)
틴트 · 셰이드 · 톤
틴트
- FD9EB8
- FEA9BF
- FFB4C7
- FFBFCF
- FFCAD7
- FFD4DF
- FFDFE7
- FFEAEF
- FFF4F7
셰이드
- DA7F99
- BA6C82
- 9C596C
- 7E4756
- 613642
- 46252E
- 2D161C
- 15080B
- 030101
톤
- EF92AB
- E390A6
- D68FA1
- CA8D9C
- BE8B98
- B28993
- A6878E
- 998589
- 8D8285
색 조화
보색 +180°
- FB93B0
Rock’n’Rose
- 34D2BE
≈ Bianchi Green
유사색 -30° +30°
- FB93B0
Rock’n’Rose
- E898DB
≈ Love Dust
- FF9782
≈ Orange Aura
삼각 배색 +120° +240°
- FB93B0
Rock’n’Rose
- A9C563
≈ Green Peridot
- 6BC0FF
≈ Maya Blue
분열 보색 +150° +210°
- FB93B0
Rock’n’Rose
- 71CF8F
≈ Serengeti Green
- 2BCCE8
≈ Picnic Day Sky
사각 배색 +90° +180° +270°
- FB93B0
Rock’n’Rose
- D4B54B
≈ Farm Straw
- 34D2BE
≈ Bianchi Green
- 9FB3FF
≈ Wondrous Wisteria
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.12:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 9.90:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--rock-n-rose: #fb93b0;
--rock-n-rose-rgb: 251 147 176;
--rock-n-rose-oklch: oklch(0.78 0.129 2.6);
}
.element {
color: var(--rock-n-rose);
background-color: hsl(343 93% 78%);
border-color: oklch(0.78 0.129 2.6);
}Tailwind CSS v4
@theme {
--color-rock-n-rose: #fb93b0;
--color-rock-n-rose-50: #ffe7f0;
--color-rock-n-rose-100: #ffd7e2;
--color-rock-n-rose-200: #ffbecd;
--color-rock-n-rose-300: #f09baf;
--color-rock-n-rose-400: #dc7c98;
--color-rock-n-rose-500: #c95d7f;
--color-rock-n-rose-600: #aa4f6b;
--color-rock-n-rose-700: #893f56;
--color-rock-n-rose-800: #652d40;
--color-rock-n-rose-900: #471e2c;
--color-rock-n-rose-950: #2e0e19;
}SCSS
$rock-n-rose: #fb93b0;
$rock-n-rose-rgb: 251, 147, 176;
$rock-n-rose-light: mix(#fff, $rock-n-rose, 20%);
$rock-n-rose-dark: mix(#000, $rock-n-rose, 20%);
.element {
color: $rock-n-rose;
box-shadow: 0 0 0 2px rgba($rock-n-rose, 0.35);
}