Warna bernama · #EAEDEE
Lagoon Mirror
Lagoon Mirror adalah #EAEDEE: rgb(234 237 238), hsl(195 11% 93%), oklch(0.944 0.003 219.5). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Lagoon Mirror color name →
#EAEDEE
oklch(0.944 0.003 219.5)
Konversi warna
- HEX
- #eaedee
- RGB
- rgb(234 237 238)
- HSL
- hsl(195 11% 93%)
- HWB
- hwb(195 92% 7%)
- OKLCH
- oklch(0.944 0.003 219.5)
- OKLab
- oklab(0.944 -0.003 -0.002)
- CIE Lab
- lab(93.54 -0.9 -0.85)
- LCH
- lch(93.54 1.24 223.4)
- CMYK
- cmyk(2% 0% 0% 7%)
Tint · Shade · Tone
Tint
- ECEFF0
- EEF1F1
- F0F2F3
- F2F4F5
- F4F6F6
- F7F8F8
- F9FAFA
- FBFBFC
- FDFDFD
Shade
- CBCECF
- AEB0B1
- 919393
- 757777
- 5A5C5C
- 414242
- 292A2A
- 131414
- 030303
Tone
- DFE2E2
- D4D6D7
- C9CBCC
- BEC0C1
- B4B5B5
- A9AAAA
- 9F9FA0
- 949595
- 8A8A8A
Harmoni warna
Komplementer +180°
- EAEDEE
Lagoon Mirror
- EFECEB
≈ Snowberry
Analog -30° +30°
- EAEDEE
Lagoon Mirror
- EAEDED
≈ Lagoon Mirror
- EBEDEF
≈ Tropical Breeze
Triadik +120° +240°
- EAEDEE
Lagoon Mirror
- EEECED
≈ Snowberry
- EDECEA
≈ Dazzle Me
Split-komplementer +150° +210°
- EAEDEE
Lagoon Mirror
- EFEBEC
≈ Snowberry
- EEECEA
≈ Snow Storm
Tetradik +90° +180° +270°
- EAEDEE
Lagoon Mirror
- EDECEE
≈ Sheikh White
- EFECEB
≈ Snowberry
- ECEDEA
≈ Snow Storm
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.17:1 · APCA Lc 8
Ag
AAADi atas hitam
WCAG 17.84:1 · APCA Lc 96
Warna teks terbaik: #000000
WCAG 17.84:1 (AAA) · APCA Lc 96
Contrast pairs
Cuplikan kode
CSS
:root {
--lagoon-mirror: #eaedee;
--lagoon-mirror-rgb: 234 237 238;
--lagoon-mirror-oklch: oklch(0.944 0.003 219.5);
}
.element {
color: var(--lagoon-mirror);
background-color: hsl(195 11% 93%);
border-color: oklch(0.944 0.003 219.5);
}Tailwind CSS v4
@theme {
--color-lagoon-mirror: #eaedee;
--color-lagoon-mirror-50: #f4f5f6;
--color-lagoon-mirror-100: #e7e8e9;
--color-lagoon-mirror-200: #d3d4d5;
--color-lagoon-mirror-300: #b5b8b8;
--color-lagoon-mirror-400: #9c9fa0;
--color-lagoon-mirror-500: #848788;
--color-lagoon-mirror-600: #6f7273;
--color-lagoon-mirror-700: #595b5c;
--color-lagoon-mirror-800: #414343;
--color-lagoon-mirror-900: #2d2e2e;
--color-lagoon-mirror-950: #1a1b1b;
}SCSS
$lagoon-mirror: #eaedee;
$lagoon-mirror-rgb: 234, 237, 238;
$lagoon-mirror-light: mix(#fff, $lagoon-mirror, 20%);
$lagoon-mirror-dark: mix(#000, $lagoon-mirror, 20%);
.element {
color: $lagoon-mirror;
box-shadow: 0 0 0 2px rgba($lagoon-mirror, 0.35);
}