Adlandırılmış renk · #A2B7CF
Misted Eve
Misted Eve, #A2B7CF: rgb(162 183 207), hsl(212 32% 72%), oklch(0.771 0.042 251.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Misted Eve color name →
#A2B7CF
oklch(0.771 0.042 251.8)
Renk dönüşümleri
- HEX
- #a2b7cf
- RGB
- rgb(162 183 207)
- HSL
- hsl(212 32% 72%)
- HWB
- hwb(212 64% 19%)
- OKLCH
- oklch(0.771 0.042 251.8)
- OKLab
- oklab(0.771 -0.013 -0.039)
- CIE Lab
- lab(73.39 -3.56 -14.73)
- LCH
- lch(73.39 15.15 256.4)
- CMYK
- cmyk(22% 12% 0% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ABBED4
- B4C5D9
- BDCCDD
- C7D3E2
- D0DBE7
- D9E2EC
- E2E9F1
- ECF0F5
- F5F8FA
Koyu tonlar
- 8C9FB4
- 778799
- 63707F
- 4F5A67
- 3C454F
- 2A3138
- 191E23
- 0A0C10
- 010202
Gri tonlar
- 9FB1C7
- 9BACBF
- 98A6B7
- 94A1AF
- 919BA7
- 8E969F
- 8A9097
- 878B8F
- 838588
Renk uyumları
Tamamlayıcı +180°
- A2B7CF
Misted Eve
- C6B198
≈ Nomadic Desert
Analog -30° +30°
- A2B7CF
Misted Eve
- 98BBC8
≈ Sydney Harbour
- B0B2CF
≈ Pixie Violet
Üçlü +120° +240°
- A2B7CF
Misted Eve
- CEAAAE
≈ Vista
- ABBB9F
≈ Laurel Green
Bölünmüş tamamlayıcı +150° +210°
- A2B7CF
Misted Eve
- CDADA0
≈ Art Deco Pink
- BAB698
≈ Trinity Islands
Dörtlü +90° +180° +270°
- A2B7CF
Misted Eve
- C8ABBC
≈ Winsome Orchid
- C6B198
≈ Nomadic Desert
- 9EBDAD
≈ White Spruce
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.05:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.21:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.21:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--misted-eve: #a2b7cf;
--misted-eve-rgb: 162 183 207;
--misted-eve-oklch: oklch(0.771 0.042 251.8);
}
.element {
color: var(--misted-eve);
background-color: hsl(212 32% 72%);
border-color: oklch(0.771 0.042 251.8);
}Tailwind CSS v4
@theme {
--color-misted-eve: #a2b7cf;
--color-misted-eve-50: #edf6ff;
--color-misted-eve-100: #dfe9f6;
--color-misted-eve-200: #c8d6e6;
--color-misted-eve-300: #a9b9cd;
--color-misted-eve-400: #8da1b7;
--color-misted-eve-500: #7288a1;
--color-misted-eve-600: #617388;
--color-misted-eve-700: #4d5c6d;
--color-misted-eve-800: #384450;
--color-misted-eve-900: #262f38;
--color-misted-eve-950: #141b23;
}SCSS
$misted-eve: #a2b7cf;
$misted-eve-rgb: 162, 183, 207;
$misted-eve-light: mix(#fff, $misted-eve, 20%);
$misted-eve-dark: mix(#000, $misted-eve, 20%);
.element {
color: $misted-eve;
box-shadow: 0 0 0 2px rgba($misted-eve, 0.35);
}