Warna bernama · #FFB0AC
Cornflower Lilac
Cornflower Lilac adalah #FFB0AC: rgb(255 176 172), hsl(3 100% 84%), oklch(0.832 0.093 22.5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Pink mean? → · Cornflower Lilac color name →
#FFB0AC
oklch(0.832 0.093 22.5)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FFB8B4
- FFC0BC
- FFC8C5
- FFD0CD
- FFD8D5
- FFE0DD
- FFE7E6
- FFEFEE
- FFF7F7
Shade
- DE9995
- BE827F
- 9E6C69
- 805654
- 634240
- 482E2D
- 2E1C1B
- 160B0B
- 030101
Tone
- F2ABA8
- E5A7A3
- D8A29F
- CC9D9A
- BF9896
- B29492
- A68F8D
- 998A89
- 8D8584
Harmoni warna
Komplementer +180°
- FFB0AC
Cornflower Lilac
- 78DAE2
≈ Deep Aquamarine
Analog -30° +30°
- FFB0AC
Cornflower Lilac
- F8AFCE
≈ Changeling Pink
- F9B78F
≈ Desert Sunrise
Triadik +120° +240°
- FFB0AC
Cornflower Lilac
- A5D8A0
≈ Green Trance
- ABC8FF
≈ Night Snow
Split-komplementer +150° +210°
- FFB0AC
Cornflower Lilac
- 85DCC1
≈ Āsmānī Sky
- 87D3FB
≈ Kul Sharif Blue
Tetradik +90° +180° +270°
- FFB0AC
Cornflower Lilac
- C8CF87
≈ Sunken Treasure
- 78DAE2
≈ Deep Aquamarine
- C9BDFF
≈ Lavender Tonic
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.74:1 · APCA Lc 32
Ag
AAADi atas hitam
WCAG 12.05:1 · APCA Lc 71
Warna teks terbaik: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
Cuplikan kode
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);
}