가장 가까운 이름 색상 · #F5B8A6
#F5B8A6
가장 가까운 이름 색상: Wax Flower
#F5B8A6(rgb(245 184 166), hsl(14 80% 81%), oklch(0.834 0.076 37.1))와 가장 가까운 이름 색상은 Wax Flower입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F5B8A6
oklch(0.834 0.076 37.1)
색상 변환
- HEX
- #f5b8a6
- RGB
- rgb(245 184 166)
- HSL
- hsl(14 80% 81%)
- HWB
- hwb(14 65% 4%)
- OKLCH
- oklch(0.834 0.076 37.1)
- OKLab
- oklab(0.834 0.06 0.046)
- CIE Lab
- lab(80.17 20.99 18.23)
- LCH
- lch(80.17 27.81 41)
- CMYK
- cmyk(0% 25% 32% 4%)
틴트 · 셰이드 · 톤
틴트
- F6BFAF
- F8C6B8
- F9CDC0
- FAD4C9
- FBDCD2
- FCE3DB
- FDEAE4
- FEF1ED
- FFF8F6
셰이드
- D5A090
- B6887A
- 987165
- 7B5B51
- 5F453E
- 44312B
- 2B1E1A
- 150C0A
- 030201
톤
- E9B2A2
- DDAD9E
- D1A79B
- C5A297
- BA9C93
- AE968F
- A3918C
- 978B88
- 8B8684
색 조화
보색 +180°
- F5B8A6
Wax Flower
- 8FD5E9
≈ Infinity Pool
유사색 -30° +30°
- F5B8A6
Wax Flower
- F5B5C0
≈ Squid Pink
- EAC094
≈ Apple Turnover
삼각 배색 +120° +240°
- F5B8A6
Wax Flower
- A0D8B5
≈ Nihilakh Oxide
- BCC5FA
≈ Light Periwinkle
분열 보색 +150° +210°
- F5B8A6
Wax Flower
- 8ED9D1
≈ Island Breeze
- A1CEF8
≈ Baby Blue
사각 배색 +90° +180° +270°
- F5B8A6
Wax Flower
- BBD29D
≈ Fava Bean
- 8FD5E9
≈ Infinity Pool
- D5BCF0
≈ Connecticut Lilac
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.70:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.28:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.28:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--wax-flower: #f5b8a6;
--wax-flower-rgb: 245 184 166;
--wax-flower-oklch: oklch(0.834 0.076 37.1);
}
.element {
color: var(--wax-flower);
background-color: hsl(14 80% 81%);
border-color: oklch(0.834 0.076 37.1);
}Tailwind CSS v4
@theme {
--color-wax-flower: #f5b8a6;
--color-wax-flower-50: #ffeee6;
--color-wax-flower-100: #ffe0d6;
--color-wax-flower-200: #f2cabd;
--color-wax-flower-300: #daab9b;
--color-wax-flower-400: #c68f7f;
--color-wax-flower-500: #b27462;
--color-wax-flower-600: #966353;
--color-wax-flower-700: #794f42;
--color-wax-flower-800: #593930;
--color-wax-flower-900: #3f2721;
--color-wax-flower-950: #281510;
}SCSS
$wax-flower: #f5b8a6;
$wax-flower-rgb: 245, 184, 166;
$wax-flower-light: mix(#fff, $wax-flower, 20%);
$wax-flower-dark: mix(#000, $wax-flower, 20%);
.element {
color: $wax-flower;
box-shadow: 0 0 0 2px rgba($wax-flower, 0.35);
}