가장 가까운 이름 색상 · #FB917B
#FB917B
가장 가까운 이름 색상: Kissable
#FB917B(rgb(251 145 123), hsl(10 94% 73%), oklch(0.764 0.133 32.7))와 가장 가까운 이름 색상은 Kissable입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#FB917B
oklch(0.764 0.133 32.7)
색상 변환
- HEX
- #fb917b
- RGB
- rgb(251 145 123)
- HSL
- hsl(10 94% 73%)
- HWB
- hwb(10 48% 2%)
- OKLCH
- oklch(0.764 0.133 32.7)
- OKLab
- oklab(0.764 0.112 0.072)
- CIE Lab
- lab(71.53 39.39 29.99)
- LCH
- lch(71.53 49.51 37.3)
- CMYK
- cmyk(0% 42% 51% 2%)
틴트 · 셰이드 · 톤
틴트
- FD9D88
- FEA895
- FFB3A2
- FFBEB0
- FFC9BD
- FFD4CA
- FFDFD7
- FFE9E4
- FFF4F2
셰이드
- DA7D6A
- BA6A5A
- 9C584A
- 7E463A
- 61352C
- 46251E
- 2D1510
- 150705
- 030101
톤
- EF907C
- E38F7D
- D78D7E
- CB8C7E
- BE8A7F
- B2887F
- A68780
- 998580
- 8D8280
색 조화
보색 +180°
- FB917B
Kissable
- 08C8E4
≈ Picnic Day Sky
유사색 -30° +30°
- FB917B
Kissable
- F78DAB
≈ Unripe Strawberry
- EE9E51
≈ Doughnut
삼각 배색 +120° +240°
- FB917B
Kissable
- 69CB89
≈ Serengeti Green
- 99ADFF
≈ Widowmaker
분열 보색 +150° +210°
- FB917B
Kissable
- 1BCDBA
≈ Exquisite Turquoise
- 5EBBFF
≈ Hello Summer
사각 배색 +90° +180° +270°
- FB917B
Kissable
- A3C05A
≈ Sapling
- 08C8E4
≈ Picnic Day Sky
- C39DF8
≈ Baby Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.22:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.43:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.43:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--kissable: #fb917b;
--kissable-rgb: 251 145 123;
--kissable-oklch: oklch(0.764 0.133 32.7);
}
.element {
color: var(--kissable);
background-color: hsl(10 94% 73%);
border-color: oklch(0.764 0.133 32.7);
}Tailwind CSS v4
@theme {
--color-kissable: #fb917b;
--color-kissable-50: #ffe8dc;
--color-kissable-100: #ffd9cb;
--color-kissable-200: #ffc0ae;
--color-kissable-300: #f39e89;
--color-kissable-400: #e27f6b;
--color-kissable-500: #cf604a;
--color-kissable-600: #af523f;
--color-kissable-700: #8c4132;
--color-kissable-800: #692e25;
--color-kissable-900: #4a1f18;
--color-kissable-950: #300e09;
}SCSS
$kissable: #fb917b;
$kissable-rgb: 251, 145, 123;
$kissable-light: mix(#fff, $kissable, 20%);
$kissable-dark: mix(#000, $kissable, 20%);
.element {
color: $kissable;
box-shadow: 0 0 0 2px rgba($kissable, 0.35);
}