가장 가까운 이름 색상 · #F08DEC
#F08DEC
가장 가까운 이름 색상: Frail Fuchsia
#F08DEC(rgb(240 141 236), hsl(302 77% 75%), oklch(0.779 0.168 328.5))와 가장 가까운 이름 색상은 Frail Fuchsia입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#F08DEC
oklch(0.779 0.168 328.5)
색상 변환
- HEX
- #f08dec
- RGB
- rgb(240 141 236)
- HSL
- hsl(302 77% 75%)
- HWB
- hwb(302 55% 6%)
- OKLCH
- oklch(0.779 0.168 328.5)
- OKLab
- oklab(0.779 0.143 -0.088)
- CIE Lab
- lab(71.94 48.42 -31.85)
- LCH
- lch(71.94 57.96 326.7)
- CMYK
- cmyk(0% 41% 2% 6%)
틴트 · 셰이드 · 톤
틴트
- F299EE
- F5A5F1
- F7B1F3
- F8BCF5
- FAC7F7
- FBD3F8
- FDDEFA
- FEE9FC
- FEF4FE
셰이드
- D17ACD
- B267AF
- 955592
- 784476
- 5D335B
- 432342
- 2A1429
- 140713
- 030103
톤
- E58DE1
- DA8CD6
- CE8BCB
- C38AC0
- B889B5
- AD87AB
- A286A0
- 978495
- 8B828B
색 조화
보색 +180°
- F08DEC
Frail Fuchsia
- 5ED478
≈ Spring Bouquet
유사색 -30° +30°
- F08DEC
Frail Fuchsia
- C2A4FF
≈ Diva
- FF8EB6
≈ Schauss Pink
삼각 배색 +120° +240°
- F08DEC
Frail Fuchsia
- E1B000
≈ Mustard Yellow
- 00CEE4
≈ Picnic Day Sky
분열 보색 +150° +210°
- F08DEC
Frail Fuchsia
- ADC52F
≈ Sour Lime
- 00D4B8
≈ Mint Leaf
사각 배색 +90° +180° +270°
- F08DEC
Frail Fuchsia
- FF9C44
≈ Au Gratin
- 5ED478
≈ Spring Bouquet
- 5FC2FF
≈ Blue Mana
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.15:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.72:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--frail-fuchsia: #f08dec;
--frail-fuchsia-rgb: 240 141 236;
--frail-fuchsia-oklch: oklch(0.779 0.168 328.5);
}
.element {
color: var(--frail-fuchsia);
background-color: hsl(302 77% 75%);
border-color: oklch(0.779 0.168 328.5);
}Tailwind CSS v4
@theme {
--color-frail-fuchsia: #f08dec;
--color-frail-fuchsia-50: #ffe4ff;
--color-frail-fuchsia-100: #ffd4ff;
--color-frail-fuchsia-200: #febaf6;
--color-frail-fuchsia-300: #e897df;
--color-frail-fuchsia-400: #d377cf;
--color-frail-fuchsia-500: #bf55bc;
--color-frail-fuchsia-600: #a1499f;
--color-frail-fuchsia-700: #823a80;
--color-frail-fuchsia-800: #5f2a60;
--color-frail-fuchsia-900: #431c44;
--color-frail-fuchsia-950: #2b0c2c;
}SCSS
$frail-fuchsia: #f08dec;
$frail-fuchsia-rgb: 240, 141, 236;
$frail-fuchsia-light: mix(#fff, $frail-fuchsia, 20%);
$frail-fuchsia-dark: mix(#000, $frail-fuchsia, 20%);
.element {
color: $frail-fuchsia;
box-shadow: 0 0 0 2px rgba($frail-fuchsia, 0.35);
}