Warna bernama terdekat · #EADCEA
#EADCEA
Warna bernama terdekat: Pink Champagne
#EADCEA (rgb(234 220 234), hsl(300 25% 89%), oklch(0.91 0.024 325.8)) paling mendekati warna bernama Pink Champagne. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#EADCEA
oklch(0.91 0.024 325.8)
Konversi warna
- HEX
- #eadcea
- RGB
- rgb(234 220 234)
- HSL
- hsl(300 25% 89%)
- HWB
- hwb(300 86% 8%)
- OKLCH
- oklch(0.91 0.024 325.8)
- OKLab
- oklab(0.91 0.02 -0.014)
- CIE Lab
- lab(89.21 6.79 -5.06)
- LCH
- lch(89.21 8.46 323.3)
- CMYK
- cmyk(0% 6% 0% 8%)
Tint · Shade · Tone
Tint
- ECDFEC
- EEE3EE
- F0E6F0
- F2EAF2
- F5EDF4
- F7F1F7
- F9F4F9
- FBF8FB
- FDFBFD
Shade
- CBBFCB
- AEA3AE
- 918891
- 756E75
- 5A545A
- 413C41
- 292629
- 131113
- 030203
Tone
- DFD2DF
- D4C9D4
- C9BFC9
- BEB6BE
- B4ADB4
- A9A4A9
- 9F9B9F
- 949294
- 8A898A
Harmoni warna
Komplementer +180°
- EADCEA
Pink Champagne
- D8E6D8
≈ Whispering Frost
Analog -30° +30°
- EADCEA
Pink Champagne
- E2DEF0
≈ Lingering Lilac
- EFDBE2
≈ Pink Posies
Triadik +120° +240°
- EADCEA
Pink Champagne
- E8E0D0
≈ Sedona
- D0E6E9
≈ Blue Phlox
Split-komplementer +150° +210°
- EADCEA
Pink Champagne
- E0E3D2
≈ Pale Green Tea
- D2E7E0
≈ Aqua Glass
Tetradik +90° +180° +270°
- EADCEA
Pink Champagne
- EEDED2
≈ Nearly Peach
- D8E6D8
≈ Whispering Frost
- D3E4EF
≈ Mystic Harbour
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.31:1 · APCA Lc 16
Ag
AAADi atas hitam
WCAG 15.92:1 · APCA Lc 88
Warna teks terbaik: #000000
WCAG 15.92:1 (AAA) · APCA Lc 88
Contrast pairs
Cuplikan kode
CSS
:root {
--pink-champagne: #eadcea;
--pink-champagne-rgb: 234 220 234;
--pink-champagne-oklch: oklch(0.91 0.024 325.8);
}
.element {
color: var(--pink-champagne);
background-color: hsl(300 25% 89%);
border-color: oklch(0.91 0.024 325.8);
}Tailwind CSS v4
@theme {
--color-pink-champagne: #eadcea;
--color-pink-champagne-50: #f9f3f9;
--color-pink-champagne-100: #ece5ec;
--color-pink-champagne-200: #dad1d9;
--color-pink-champagne-300: #beb3be;
--color-pink-champagne-400: #a69aa6;
--color-pink-champagne-500: #8f818f;
--color-pink-champagne-600: #796d79;
--color-pink-champagne-700: #615761;
--color-pink-champagne-800: #474047;
--color-pink-champagne-900: #312c31;
--color-pink-champagne-950: #1d191d;
}SCSS
$pink-champagne: #eadcea;
$pink-champagne-rgb: 234, 220, 234;
$pink-champagne-light: mix(#fff, $pink-champagne, 20%);
$pink-champagne-dark: mix(#000, $pink-champagne, 20%);
.element {
color: $pink-champagne;
box-shadow: 0 0 0 2px rgba($pink-champagne, 0.35);
}