Warna bernama · #EEFFFF
Aphrodite’s Pearls
Aphrodite’s Pearls adalah #EEFFFF: rgb(238 255 255), hsl(180 100% 97%), oklch(0.988 0.018 196.9). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Aphrodite’s Pearls color name →
#EEFFFF
oklch(0.988 0.018 196.9)
Konversi warna
- HEX
- #eeffff
- RGB
- rgb(238 255 255)
- HSL
- hsl(180 100% 97%)
- HWB
- hwb(180 93% 0%)
- OKLCH
- oklch(0.988 0.018 196.9)
- OKLab
- oklab(0.988 -0.017 -0.005)
- CIE Lab
- lab(98.74 -5.74 -2.01)
- LCH
- lch(98.74 6.08 199.3)
- CMYK
- cmyk(7% 0% 0% 0%)
Tint · Shade · Tone
Tint
- F0FFFF
- F1FFFF
- F3FFFF
- F5FFFF
- F7FFFF
- F8FFFF
- FAFFFF
- FCFFFF
- FDFFFF
Shade
- CFDEDE
- B1BEBE
- 939E9E
- 778080
- 5C6363
- 424848
- 2A2E2E
- 141616
- 030303
Tone
- E2F2F2
- D7E4E4
- CCD7D7
- C1CACA
- B6BEBD
- ABB1B1
- A0A4A4
- 959898
- 8A8C8C
Harmoni warna
Komplementer +180°
- EEFFFF
Aphrodite’s Pearls
- FFF9F9
≈ Snow
Analog -30° +30°
- EEFFFF
Aphrodite’s Pearls
- F1FFF8
≈ Mint Cream
- F6FCFF
≈ Heart of Ice
Triadik +120° +240°
- EEFFFF
Aphrodite’s Pearls
- FDF9FF
≈ Cold Snow
- FFFAF3
≈ White Desert
Split-komplementer +150° +210°
- EEFFFF
Aphrodite’s Pearls
- FFF9FC
≈ Snowman
- FFFAF7
≈ Eyeball
Tetradik +90° +180° +270°
- EEFFFF
Aphrodite’s Pearls
- FAFAFF
≈ Wash Me
- FFF9F9
≈ Snow
- FCFCEE
≈ Placebo Yellow
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.03:1 · APCA Lc 0
Ag
AAADi atas hitam
WCAG 20.38:1 · APCA Lc 106
Warna teks terbaik: #000000
WCAG 20.38:1 (AAA) · APCA Lc 106
Contrast pairs
Cuplikan kode
CSS
:root {
--aphrodite-s-pearls: #eeffff;
--aphrodite-s-pearls-rgb: 238 255 255;
--aphrodite-s-pearls-oklch: oklch(0.988 0.018 196.9);
}
.element {
color: var(--aphrodite-s-pearls);
background-color: hsl(180 100% 97%);
border-color: oklch(0.988 0.018 196.9);
}Tailwind CSS v4
@theme {
--color-aphrodite-s-pearls: #eeffff;
--color-aphrodite-s-pearls-50: #f0f7f7;
--color-aphrodite-s-pearls-100: #e1eaea;
--color-aphrodite-s-pearls-200: #ccd7d7;
--color-aphrodite-s-pearls-300: #adbabb;
--color-aphrodite-s-pearls-400: #93a2a2;
--color-aphrodite-s-pearls-500: #798a8a;
--color-aphrodite-s-pearls-600: #677575;
--color-aphrodite-s-pearls-700: #525d5d;
--color-aphrodite-s-pearls-800: #3c4444;
--color-aphrodite-s-pearls-900: #292f2f;
--color-aphrodite-s-pearls-950: #171c1c;
}SCSS
$aphrodite-s-pearls: #eeffff;
$aphrodite-s-pearls-rgb: 238, 255, 255;
$aphrodite-s-pearls-light: mix(#fff, $aphrodite-s-pearls, 20%);
$aphrodite-s-pearls-dark: mix(#000, $aphrodite-s-pearls, 20%);
.element {
color: $aphrodite-s-pearls;
box-shadow: 0 0 0 2px rgba($aphrodite-s-pearls, 0.35);
}