이름 색상 · #FFB0AC
Cornflower Lilac
Cornflower Lilac은(는) #FFB0AC: rgb(255 176 172), hsl(3 100% 84%), oklch(0.832 0.093 22.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Cornflower Lilac color name →
#FFB0AC
oklch(0.832 0.093 22.5)
색상 변환
- HEX
- #ffb0ac
- RGB
- rgb(255 176 172)
- HSL
- hsl(3 100% 84%)
- HWB
- hwb(3 67% 0%)
- OKLCH
- oklch(0.832 0.093 22.5)
- OKLab
- oklab(0.832 0.086 0.036)
- CIE Lab
- lab(79.54 29.33 14.36)
- LCH
- lch(79.54 32.66 26.1)
- CMYK
- cmyk(0% 31% 33% 0%)
틴트 · 셰이드 · 톤
틴트
- FFB8B4
- FFC0BC
- FFC8C5
- FFD0CD
- FFD8D5
- FFE0DD
- FFE7E6
- FFEFEE
- FFF7F7
셰이드
- DE9995
- BE827F
- 9E6C69
- 805654
- 634240
- 482E2D
- 2E1C1B
- 160B0B
- 030101
톤
- F2ABA8
- E5A7A3
- D8A29F
- CC9D9A
- BF9896
- B29492
- A68F8D
- 998A89
- 8D8584
색 조화
보색 +180°
- FFB0AC
Cornflower Lilac
- 78DAE2
≈ Deep Aquamarine
유사색 -30° +30°
- FFB0AC
Cornflower Lilac
- F8AFCE
≈ Changeling Pink
- F9B78F
≈ Desert Sunrise
삼각 배색 +120° +240°
- FFB0AC
Cornflower Lilac
- A5D8A0
≈ Green Trance
- ABC8FF
≈ Night Snow
분열 보색 +150° +210°
- FFB0AC
Cornflower Lilac
- 85DCC1
≈ Āsmānī Sky
- 87D3FB
≈ Kul Sharif Blue
사각 배색 +90° +180° +270°
- FFB0AC
Cornflower Lilac
- C8CF87
≈ Sunken Treasure
- 78DAE2
≈ Deep Aquamarine
- C9BDFF
≈ Lavender Tonic
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.74:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.05:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--cornflower-lilac: #ffb0ac;
--cornflower-lilac-rgb: 255 176 172;
--cornflower-lilac-oklch: oklch(0.832 0.093 22.5);
}
.element {
color: var(--cornflower-lilac);
background-color: hsl(3 100% 84%);
border-color: oklch(0.832 0.093 22.5);
}Tailwind CSS v4
@theme {
--color-cornflower-lilac: #ffb0ac;
--color-cornflower-lilac-50: #ffece8;
--color-cornflower-lilac-100: #ffddd9;
--color-cornflower-lilac-200: #fac5c1;
--color-cornflower-lilac-300: #e3a5a0;
--color-cornflower-lilac-400: #d08885;
--color-cornflower-lilac-500: #bc6c69;
--color-cornflower-lilac-600: #9f5c59;
--color-cornflower-lilac-700: #804947;
--color-cornflower-lilac-800: #5f3535;
--color-cornflower-lilac-900: #422424;
--color-cornflower-lilac-950: #2a1313;
}SCSS
$cornflower-lilac: #ffb0ac;
$cornflower-lilac-rgb: 255, 176, 172;
$cornflower-lilac-light: mix(#fff, $cornflower-lilac, 20%);
$cornflower-lilac-dark: mix(#000, $cornflower-lilac, 20%);
.element {
color: $cornflower-lilac;
box-shadow: 0 0 0 2px rgba($cornflower-lilac, 0.35);
}