Adlandırılmış renk · #8E97C7
Easter Egg
Easter Egg, #8E97C7: rgb(142 151 199), hsl(231 34% 67%), oklch(0.687 0.072 276.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Easter Egg color name →
#8E97C7
oklch(0.687 0.072 276.1)
Renk dönüşümleri
- HEX
- #8e97c7
- RGB
- rgb(142 151 199)
- HSL
- hsl(231 34% 67%)
- HWB
- hwb(231 56% 22%)
- OKLCH
- oklch(0.687 0.072 276.1)
- OKLab
- oklab(0.687 0.008 -0.071)
- CIE Lab
- lab(63.07 4.95 -26.07)
- LCH
- lch(63.07 26.53 280.8)
- CMYK
- cmyk(29% 24% 0% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 99A1CD
- A3ABD3
- AEB6D8
- BAC0DE
- C5CAE4
- D0D5E9
- DCDFEF
- E7EAF4
- F3F4FA
Koyu tonlar
- 7B83AD
- 686F93
- 565C7A
- 444962
- 34374C
- 242636
- 151721
- 07080E
- 010102
Gri tonlar
- 8D95C0
- 8B93B9
- 8A90B2
- 888EAB
- 878CA3
- 85899C
- 848795
- 83858E
- 818287
Renk uyumları
Tamamlayıcı +180°
- 8E97C7
Easter Egg
- A79B67
≈ Wistman’s Wood
Analog -30° +30°
- 8E97C7
Easter Egg
- 769FC4
≈ Cottage Blue
- A58FBE
≈ Lilac Breeze
Üçlü +120° +240°
- 8E97C7
Easter Egg
- C28B7C
≈ Copper Trail
- 76A888
≈ Green Globe
Bölünmüş tamamlayıcı +150° +210°
- 8E97C7
Easter Egg
- B9926B
≈ Windswept Leaves
- 8FA372
≈ Ivy Enchantment
Dörtlü +90° +180° +270°
- 8E97C7
Easter Egg
- C18893
≈ Desert Bud
- A79B67
≈ Wistman’s Wood
- 64A9A1
≈ Veranda
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.83:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.40:1 · APCA Lc 47
En iyi metin rengi: #000000
WCAG 7.40:1 (AAA) · APCA Lc 47
Contrast pairs
Kod parçacıkları
CSS
:root {
--easter-egg: #8e97c7;
--easter-egg-rgb: 142 151 199;
--easter-egg-oklch: oklch(0.687 0.072 276.1);
}
.element {
color: var(--easter-egg);
background-color: hsl(231 34% 67%);
border-color: oklch(0.687 0.072 276.1);
}Tailwind CSS v4
@theme {
--color-easter-egg: #8e97c7;
--color-easter-egg-50: #f0f4ff;
--color-easter-egg-100: #e2e6ff;
--color-easter-egg-200: #cdd2f3;
--color-easter-egg-300: #aeb4dc;
--color-easter-egg-400: #939bc9;
--color-easter-egg-500: #7982b6;
--color-easter-egg-600: #676e99;
--color-easter-egg-700: #52587b;
--color-easter-egg-800: #3b415b;
--color-easter-egg-900: #282d40;
--color-easter-egg-950: #161a29;
}SCSS
$easter-egg: #8e97c7;
$easter-egg-rgb: 142, 151, 199;
$easter-egg-light: mix(#fff, $easter-egg, 20%);
$easter-egg-dark: mix(#000, $easter-egg, 20%);
.element {
color: $easter-egg;
box-shadow: 0 0 0 2px rgba($easter-egg, 0.35);
}