Adlandırılmış renk · #AA8CBC
East Side
East Side, #AA8CBC: rgb(170 140 188), hsl(278 26% 64%), oklch(0.684 0.077 312.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · East Side color name →
#AA8CBC
oklch(0.684 0.077 312.6)
Renk dönüşümleri
- HEX
- #aa8cbc
- RGB
- rgb(170 140 188)
- HSL
- hsl(278 26% 64%)
- HWB
- hwb(278 55% 26%)
- OKLCH
- oklch(0.684 0.077 312.6)
- OKLab
- oklab(0.684 0.052 -0.056)
- CIE Lab
- lab(62.33 18.43 -20.76)
- LCH
- lch(62.33 27.76 311.6)
- CMYK
- cmyk(10% 26% 0% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B297C3
- BBA2C9
- C3AED0
- CBB9D7
- D4C4DE
- DCD0E4
- E5DCEB
- EEE7F2
- F6F3F8
Koyu tonlar
- 9379A3
- 7D678B
- 685573
- 53435D
- 3F3347
- 2D2332
- 1B141F
- 0B070D
- 010102
Gri tonlar
- A68BB6
- A28AB0
- 9D89AA
- 9988A4
- 95869E
- 918598
- 8D8492
- 88838C
- 848186
Renk uyumları
Tamamlayıcı +180°
- AA8CBC
East Side
- 87A473
≈ Putrid Green
Analog -30° +30°
- AA8CBC
East Side
- 9294C8
≈ Easter Egg
- BB87A6
≈ Shock Jockey
Üçlü +120° +240°
- AA8CBC
East Side
- B79264
≈ Maple View
- 5CA9A6
≈ Veranda
Bölünmüş tamamlayıcı +150° +210°
- AA8CBC
East Side
- A29C63
≈ Zandri Dust
- 6CA98C
≈ Artemesia Green
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.92:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.18:1 · APCA Lc 46
En iyi metin rengi: #000000
WCAG 7.18:1 (AAA) · APCA Lc 46
Contrast pairs
Kod parçacıkları
CSS
:root {
--east-side: #aa8cbc;
--east-side-rgb: 170 140 188;
--east-side-oklch: oklch(0.684 0.077 312.6);
}
.element {
color: var(--east-side);
background-color: hsl(278 26% 64%);
border-color: oklch(0.684 0.077 312.6);
}Tailwind CSS v4
@theme {
--color-east-side: #aa8cbc;
--color-east-side-50: #feefff;
--color-east-side-100: #f2e1fa;
--color-east-side-200: #e1cbeb;
--color-east-side-300: #c6acd3;
--color-east-side-400: #ae92bf;
--color-east-side-500: #9877ab;
--color-east-side-600: #806590;
--color-east-side-700: #675174;
--color-east-side-800: #4b3b56;
--color-east-side-900: #34283c;
--color-east-side-950: #1f1626;
}SCSS
$east-side: #aa8cbc;
$east-side-rgb: 170, 140, 188;
$east-side-light: mix(#fff, $east-side, 20%);
$east-side-dark: mix(#000, $east-side, 20%);
.element {
color: $east-side;
box-shadow: 0 0 0 2px rgba($east-side, 0.35);
}