Warna bernama terdekat · #EAFBFF
#EAFBFF
Warna bernama terdekat: Vapour
#EAFBFF (rgb(234 251 255), hsl(191 100% 96%), oklch(0.977 0.019 213.4)) paling mendekati warna bernama Vapour. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#EAFBFF
oklch(0.977 0.019 213.4)
Konversi warna
- HEX
- #eafbff
- RGB
- rgb(234 251 255)
- HSL
- hsl(191 100% 96%)
- HWB
- hwb(191 92% 0%)
- OKLCH
- oklch(0.977 0.019 213.4)
- OKLab
- oklab(0.977 -0.016 -0.01)
- CIE Lab
- lab(97.44 -5.2 -3.94)
- LCH
- lch(97.44 6.52 217.1)
- CMYK
- cmyk(8% 2% 0% 0%)
Tint · Shade · Tone
Tint
- ECFBFF
- EEFCFF
- F0FCFF
- F2FDFF
- F5FDFF
- F7FDFF
- F9FEFF
- FBFEFF
- FDFFFF
Shade
- CBDADE
- AEBABE
- 919C9E
- 757E80
- 5A6163
- 414648
- 292D2E
- 131516
- 030303
Tone
- DFEEF2
- D4E1E4
- C9D5D7
- BEC8CA
- B4BCBE
- A9AFB1
- 9FA3A4
- 949798
- 8A8C8C
Harmoni warna
Komplementer +180°
- EAFBFF
Vapour
- FFF5F2
≈ Pink Diminishing
Analog -30° +30°
- EAFBFF
Vapour
- EAFCF9
≈ Placebo Sky
- F1F8FF
≈ Alice Blue
Triadik +120° +240°
- EAFBFF
Vapour
- FFF3FC
≈ Pinkish White
- FBF7EA
≈ Van de Cane
Split-komplementer +150° +210°
- EAFBFF
Vapour
- FFF4F6
≈ Sea Salt Sherbet
- FFF5ED
≈ Seashell
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.06:1 · APCA Lc 0
Ag
AAADi atas hitam
WCAG 19.74:1 · APCA Lc 103
Warna teks terbaik: #000000
WCAG 19.74:1 (AAA) · APCA Lc 103
Contrast pairs
Cuplikan kode
CSS
:root {
--vapour: #eafbff;
--vapour-rgb: 234 251 255;
--vapour-oklch: oklch(0.977 0.019 213.4);
}
.element {
color: var(--vapour);
background-color: hsl(191 100% 96%);
border-color: oklch(0.977 0.019 213.4);
}Tailwind CSS v4
@theme {
--color-vapour: #eafbff;
--color-vapour-50: #eff7f8;
--color-vapour-100: #e1eaec;
--color-vapour-200: #ccd6d9;
--color-vapour-300: #adbabd;
--color-vapour-400: #93a2a5;
--color-vapour-500: #798a8e;
--color-vapour-600: #667478;
--color-vapour-700: #525d60;
--color-vapour-800: #3b4446;
--color-vapour-900: #292f30;
--color-vapour-950: #171c1d;
}SCSS
$vapour: #eafbff;
$vapour-rgb: 234, 251, 255;
$vapour-light: mix(#fff, $vapour, 20%);
$vapour-dark: mix(#000, $vapour, 20%);
.element {
color: $vapour;
box-shadow: 0 0 0 2px rgba($vapour, 0.35);
}