Nazwany kolor · #A8B1D7
High Style
High Style to #A8B1D7: rgb(168 177 215), hsl(229 37% 75%), oklch(0.766 0.055 274.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · High Style color name →
#A8B1D7
oklch(0.766 0.055 274.6)
Konwersje koloru
- HEX
- #a8b1d7
- RGB
- rgb(168 177 215)
- HSL
- hsl(229 37% 75%)
- HWB
- hwb(229 66% 16%)
- OKLCH
- oklch(0.766 0.055 274.6)
- OKLab
- oklab(0.766 0.004 -0.055)
- CIE Lab
- lab(72.46 2.85 -20.41)
- LCH
- lch(72.46 20.61 277.9)
- CMYK
- cmyk(22% 18% 0% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B0B9DB
- B9C0DF
- C1C8E3
- CAD0E7
- D3D8EB
- DBDFEF
- E4E7F3
- EDEFF7
- F6F7FB
Odcienie ciemniejsze
- 9299BB
- 7C839F
- 676C85
- 52576B
- 3F4252
- 2C2F3B
- 1A1C25
- 0A0C11
- 010102
Tony
- A4ACCE
- A0A7C5
- 9CA2BC
- 989DB4
- 9498AB
- 9093A2
- 8C8F9A
- 888A91
- 848588
Harmonie kolorów
Komplementarna +180°
- A8B1D7
High Style
- BEB38B
≈ Bayou Shade
Analogowa -30° +30°
- A8B1D7
High Style
- 96B8D4
≈ Blue Pointer
- BBABD0
≈ Jacey’s Favourite
Triada +120° +240°
- A8B1D7
High Style
- D4A79C
≈ Cinnamon Cocoa
- 98BEA4
≈ Reeds
Komplementarna rozszczepiona +150° +210°
- A8B1D7
High Style
- CCAC8F
≈ Pottery Wheel
- ABBA93
≈ Ash Tree
Tetrada +90° +180° +270°
- A8B1D7
High Style
- D3A5AE
≈ Foxy Lady
- BEB38B
≈ Bayou Shade
- 8BBFB7
≈ Undine
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.11:1 · APCA Lc 41
Ag
AAANa czerni
WCAG 9.93:1 · APCA Lc 61
Najlepszy kolor tekstu: #000000
WCAG 9.93:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmenty kodu
CSS
:root {
--high-style: #a8b1d7;
--high-style-rgb: 168 177 215;
--high-style-oklch: oklch(0.766 0.055 274.6);
}
.element {
color: var(--high-style);
background-color: hsl(229 37% 75%);
border-color: oklch(0.766 0.055 274.6);
}Tailwind CSS v4
@theme {
--color-high-style: #a8b1d7;
--color-high-style-50: #f1f4ff;
--color-high-style-100: #e3e7fb;
--color-high-style-200: #ced3ec;
--color-high-style-300: #afb5d4;
--color-high-style-400: #949cc0;
--color-high-style-500: #7b84ab;
--color-high-style-600: #687091;
--color-high-style-700: #535974;
--color-high-style-800: #3c4156;
--color-high-style-900: #292d3c;
--color-high-style-950: #171a26;
}SCSS
$high-style: #a8b1d7;
$high-style-rgb: 168, 177, 215;
$high-style-light: mix(#fff, $high-style, 20%);
$high-style-dark: mix(#000, $high-style, 20%);
.element {
color: $high-style;
box-shadow: 0 0 0 2px rgba($high-style, 0.35);
}