En yakın adlandırılmış renk · #9098C9
#9098C9
En yakın adlandırılmış renk: Easter Egg
#9098C9 (rgb(144 152 201), hsl(232 35% 68%), oklch(0.691 0.073 277.1)) 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.
#9098C9
oklch(0.691 0.073 277.1)
Renk dönüşümleri
- HEX
- #9098c9
- RGB
- rgb(144 152 201)
- HSL
- hsl(232 35% 68%)
- HWB
- hwb(232 56% 21%)
- OKLCH
- oklch(0.691 0.073 277.1)
- OKLab
- oklab(0.691 0.009 -0.072)
- CIE Lab
- lab(63.55 5.46 -26.42)
- LCH
- lch(63.55 26.98 281.7)
- CMYK
- cmyk(28% 24% 0% 21%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9AA2CF
- A5ACD4
- B0B6DA
- BBC0DF
- C6CBE5
- D1D5EA
- DCDFEF
- E8EAF5
- F3F4FA
Koyu tonlar
- 7D84AE
- 6A7095
- 575C7C
- 454A64
- 34384C
- 242736
- 151722
- 07080F
- 010102
Gri tonlar
- 8E96C2
- 8D93BA
- 8B91B3
- 898FAC
- 888CA4
- 868A9D
- 858796
- 83858F
- 828287
Renk uyumları
Tamamlayıcı +180°
- 9098C9
Easter Egg
- A89C67
≈ Acacia Tree
Analog -30° +30°
- 9098C9
Easter Egg
- 77A0C7
≈ Cottage Blue
- A890BF
≈ Lilac Breeze
Üçlü +120° +240°
- 9098C9
Easter Egg
- C48C7C
≈ Yum Raw Spam
- 76AA8A
≈ Green Globe
Bölünmüş tamamlayıcı +150° +210°
- 9098C9
Easter Egg
- BA936B
≈ Windswept Leaves
- 8FA574
≈ Luscious Lime
Dörtlü +90° +180° +270°
- 9098C9
Easter Egg
- C48994
≈ Desert Bud
- A89C67
≈ Acacia Tree
- 64ABA3
≈ Veranda
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.79:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.52:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--easter-egg: #9098c9;
--easter-egg-rgb: 144 152 201;
--easter-egg-oklch: oklch(0.691 0.073 277.1);
}
.element {
color: var(--easter-egg);
background-color: hsl(232 35% 68%);
border-color: oklch(0.691 0.073 277.1);
}Tailwind CSS v4
@theme {
--color-easter-egg: #9098c9;
--color-easter-egg-50: #f0f4ff;
--color-easter-egg-100: #e2e6ff;
--color-easter-egg-200: #cdd2f4;
--color-easter-egg-300: #afb4dd;
--color-easter-egg-400: #939bca;
--color-easter-egg-500: #7a82b6;
--color-easter-egg-600: #676e9a;
--color-easter-egg-700: #52587c;
--color-easter-egg-800: #3b405c;
--color-easter-egg-900: #282c40;
--color-easter-egg-950: #161929;
}SCSS
$easter-egg: #9098c9;
$easter-egg-rgb: 144, 152, 201;
$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);
}