Adlandırılmış renk · #A8BEDD
September Aster
September Aster, #A8BEDD: rgb(168 190 221), hsl(215 44% 76%), oklch(0.795 0.05 257). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · September Aster color name →
#A8BEDD
oklch(0.795 0.05 257)
Renk dönüşümleri
- HEX
- #a8bedd
- RGB
- rgb(168 190 221)
- HSL
- hsl(215 44% 76%)
- HWB
- hwb(215 66% 13%)
- OKLCH
- oklch(0.795 0.05 257)
- OKLab
- oklab(0.795 -0.011 -0.049)
- CIE Lab
- lab(76.07 -2.68 -18.23)
- LCH
- lch(76.07 18.43 261.6)
- CMYK
- cmyk(24% 14% 0% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B0C4E1
- B9CBE4
- C2D1E7
- CAD8EB
- D3DEEE
- DCE5F2
- E4EBF5
- EDF2F8
- F6F8FC
Koyu tonlar
- 92A5C0
- 7C8CA4
- 677588
- 525E6E
- 3F4855
- 2C333D
- 1A1F26
- 0A0D11
- 010202
Gri tonlar
- A4B8D3
- A0B1CA
- 9CABC0
- 98A5B7
- 949FAE
- 9098A4
- 8C929B
- 888C92
- 848689
Renk uyumları
Tamamlayıcı +180°
- A8BEDD
September Aster
- CFB999
≈ High Noon
Analog -30° +30°
- A8BEDD
September Aster
- 9BC3D6
≈ Angel Sol
- B9B8DC
≈ Wild Orchid Blue
Üçlü +120° +240°
- A8BEDD
September Aster
- DBB0B1
≈ Radiant Rouge
- ADC4A5
≈ Belladonna’s Leaf
Bölünmüş tamamlayıcı +150° +210°
- A8BEDD
September Aster
- D9B3A1
≈ Spanish Villa
- BFBF9A
≈ Esprit
Dörtlü +90° +180° +270°
- A8BEDD
September Aster
- D6B0C2
≈ Tranquil Dusk
- CFB999
≈ High Noon
- 9EC7B5
≈ Lobaria Lichen
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.89:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.07:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 11.07:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--september-aster: #a8bedd;
--september-aster-rgb: 168 190 221;
--september-aster-oklch: oklch(0.795 0.05 257);
}
.element {
color: var(--september-aster);
background-color: hsl(215 44% 76%);
border-color: oklch(0.795 0.05 257);
}Tailwind CSS v4
@theme {
--color-september-aster: #a8bedd;
--color-september-aster-50: #edf6ff;
--color-september-aster-100: #dee9f9;
--color-september-aster-200: #c8d5ea;
--color-september-aster-300: #a8b9d2;
--color-september-aster-400: #8ca0bd;
--color-september-aster-500: #7188a8;
--color-september-aster-600: #60738e;
--color-september-aster-700: #4c5c72;
--color-september-aster-800: #374354;
--color-september-aster-900: #252f3a;
--color-september-aster-950: #141b24;
}SCSS
$september-aster: #a8bedd;
$september-aster-rgb: 168, 190, 221;
$september-aster-light: mix(#fff, $september-aster, 20%);
$september-aster-dark: mix(#000, $september-aster, 20%);
.element {
color: $september-aster;
box-shadow: 0 0 0 2px rgba($september-aster, 0.35);
}