En yakın adlandırılmış renk · #EAFBFF
#EAFBFF
En yakın adlandırılmış renk: Vapour
#EAFBFF (rgb(234 251 255), hsl(191 100% 96%), oklch(0.977 0.019 213.4)) en çok Vapour adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#EAFBFF
oklch(0.977 0.019 213.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ECFBFF
- EEFCFF
- F0FCFF
- F2FDFF
- F5FDFF
- F7FDFF
- F9FEFF
- FBFEFF
- FDFFFF
Koyu tonlar
- CBDADE
- AEBABE
- 919C9E
- 757E80
- 5A6163
- 414648
- 292D2E
- 131516
- 030303
Gri tonlar
- DFEEF2
- D4E1E4
- C9D5D7
- BEC8CA
- B4BCBE
- A9AFB1
- 9FA3A4
- 949798
- 8A8C8C
Renk uyumları
Tamamlayıcı +180°
- EAFBFF
Vapour
- FFF5F2
≈ Pink Diminishing
Analog -30° +30°
- EAFBFF
Vapour
- EAFCF9
≈ Placebo Sky
- F1F8FF
≈ Alice Blue
Üçlü +120° +240°
- EAFBFF
Vapour
- FFF3FC
≈ Pinkish White
- FBF7EA
≈ Van de Cane
Bölünmüş tamamlayıcı +150° +210°
- EAFBFF
Vapour
- FFF4F6
≈ Sea Salt Sherbet
- FFF5ED
≈ Seashell
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.06:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.74:1 · APCA Lc 103
En iyi metin rengi: #000000
WCAG 19.74:1 (AAA) · APCA Lc 103
Contrast pairs
Kod parçacıkları
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);
}