Adlandırılmış renk · #E3ECED
Aquafir
Aquafir, #E3ECED: rgb(227 236 237), hsl(186 22% 91%), oklch(0.937 0.01 204.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Aquafir color name →
#E3ECED
oklch(0.937 0.01 204.9)
Renk dönüşümleri
- HEX
- #e3eced
- RGB
- rgb(227 236 237)
- HSL
- hsl(186 22% 91%)
- HWB
- hwb(186 89% 7%)
- OKLCH
- oklch(0.937 0.01 204.9)
- OKLab
- oklab(0.937 -0.009 -0.004)
- CIE Lab
- lab(92.73 -2.96 -1.58)
- LCH
- lch(92.73 3.36 208.1)
- CMYK
- cmyk(4% 0% 0% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E6EEEF
- E9F0F1
- EBF2F2
- EEF4F4
- F1F5F6
- F4F7F8
- F7F9FA
- F9FBFB
- FCFDFD
Koyu tonlar
- C5CDCE
- A8AFB0
- 8C9293
- 717677
- 575B5C
- 3F4242
- 27292A
- 121314
- 030303
Gri tonlar
- D9E1E2
- CED5D6
- C4CACB
- BABFC0
- B0B4B5
- A6AAAA
- 9D9F9F
- 939595
- 898A8A
Renk uyumları
Tamamlayıcı +180°
- E3ECED
Aquafir
- F0E8E7
≈ Frosty Morning
Analog -30° +30°
- E3ECED
Aquafir
- E4ECE9
≈ Morning Song
- E4EBF0
≈ Out Cold
Üçlü +120° +240°
- E3ECED
Aquafir
- EDE8EE
≈ Greek Goddess
- EDEAE3
≈ Solid Opal
Bölünmüş tamamlayıcı +150° +210°
- E3ECED
Aquafir
- F0E7EA
≈ Bride
- EFE8E4
≈ Holy Ghost
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.20:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.48:1 · APCA Lc 94
En iyi metin rengi: #000000
WCAG 17.48:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--aquafir: #e3eced;
--aquafir-rgb: 227 236 237;
--aquafir-oklch: oklch(0.937 0.01 204.9);
}
.element {
color: var(--aquafir);
background-color: hsl(186 22% 91%);
border-color: oklch(0.937 0.01 204.9);
}Tailwind CSS v4
@theme {
--color-aquafir: #e3eced;
--color-aquafir-50: #f2f6f6;
--color-aquafir-100: #e4e9e9;
--color-aquafir-200: #d0d5d6;
--color-aquafir-300: #b2b9ba;
--color-aquafir-400: #98a0a1;
--color-aquafir-500: #7f8889;
--color-aquafir-600: #6c7374;
--color-aquafir-700: #565c5d;
--color-aquafir-800: #3f4344;
--color-aquafir-900: #2b2f2f;
--color-aquafir-950: #181b1b;
}SCSS
$aquafir: #e3eced;
$aquafir-rgb: 227, 236, 237;
$aquafir-light: mix(#fff, $aquafir, 20%);
$aquafir-dark: mix(#000, $aquafir, 20%);
.element {
color: $aquafir;
box-shadow: 0 0 0 2px rgba($aquafir, 0.35);
}