En yakın adlandırılmış renk · #8C98CF
#8C98CF
En yakın adlandırılmış renk: Easter Egg
#8C98CF (rgb(140 152 207), hsl(229 41% 68%), oklch(0.691 0.082 274.6)) en çok Easter Egg 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.
#8C98CF
oklch(0.691 0.082 274.6)
Renk dönüşümleri
- HEX
- #8c98cf
- RGB
- rgb(140 152 207)
- HSL
- hsl(229 41% 68%)
- HWB
- hwb(229 55% 19%)
- OKLCH
- oklch(0.691 0.082 274.6)
- OKLab
- oklab(0.691 0.007 -0.082)
- CIE Lab
- lab(63.45 5.36 -29.95)
- LCH
- lch(63.45 30.42 280.1)
- CMYK
- cmyk(32% 27% 0% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 97A2D4
- A2ACD9
- ADB6DE
- B8C1E3
- C4CBE8
- CFD5ED
- DBE0F1
- E7EAF6
- F3F4FB
Koyu tonlar
- 7984B4
- 677099
- 555C7F
- 434A67
- 33384F
- 232738
- 141723
- 070810
- 010102
Gri tonlar
- 8B96C7
- 8A93BF
- 8891B7
- 878FAF
- 868CA7
- 858AA0
- 838898
- 828590
- 818388
Renk uyumları
Tamamlayıcı +180°
- 8C98CF
Easter Egg
- AC9B5F
≈ Kathmandu
Analog -30° +30°
- 8C98CF
Easter Egg
- 6FA1CB
≈ Overcast
- A78FC5
≈ Lilac Breeze
Üçlü +120° +240°
- 8C98CF
Easter Egg
- C98979
≈ Ginger Whisper
- 72AB85
≈ Green Goddess
Bölünmüş tamamlayıcı +150° +210°
- 8C98CF
Easter Egg
- C09165
≈ Burnished Caramel
- 90A56C
≈ Virtual Forest
Dörtlü +90° +180° +270°
- 8C98CF
Easter Egg
- C88695
≈ King’s Cloak
- AC9B5F
≈ Kathmandu
- 5AACA2
≈ Dragon Bay
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.50:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--easter-egg: #8c98cf;
--easter-egg-rgb: 140 152 207;
--easter-egg-oklch: oklch(0.691 0.082 274.6);
}
.element {
color: var(--easter-egg);
background-color: hsl(229 41% 68%);
border-color: oklch(0.691 0.082 274.6);
}Tailwind CSS v4
@theme {
--color-easter-egg: #8c98cf;
--color-easter-egg-50: #eef4ff;
--color-easter-egg-100: #e0e6ff;
--color-easter-egg-200: #cad2f8;
--color-easter-egg-300: #acb4e2;
--color-easter-egg-400: #8f9bcf;
--color-easter-egg-500: #7682bd;
--color-easter-egg-600: #646e9f;
--color-easter-egg-700: #505880;
--color-easter-egg-800: #39405f;
--color-easter-egg-900: #272c43;
--color-easter-egg-950: #15192b;
}SCSS
$easter-egg: #8c98cf;
$easter-egg-rgb: 140, 152, 207;
$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);
}