Najbliższy nazwany kolor · #889BC4
#889BC4
Najbliższy nazwany kolor: Azureno
#889BC4 (rgb(136 155 196), hsl(221 34% 65%), oklch(0.69 0.064 265.3)) jest najbliższy nazwanemu kolorowi Azureno. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#889BC4
oklch(0.69 0.064 265.3)
Konwersje koloru
- HEX
- #889bc4
- RGB
- rgb(136 155 196)
- HSL
- hsl(221 34% 65%)
- HWB
- hwb(221 53% 23%)
- OKLCH
- oklch(0.69 0.064 265.3)
- OKLab
- oklab(0.69 -0.005 -0.064)
- CIE Lab
- lab(63.61 0.33 -23.62)
- LCH
- lch(63.61 23.62 270.8)
- CMYK
- cmyk(31% 21% 0% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 93A5CA
- 9FAFD0
- AAB8D6
- B6C2DC
- C2CCE2
- CED6E8
- DAE0EE
- E6EBF3
- F3F5F9
Odcienie ciemniejsze
- 7586AA
- 637291
- 525E78
- 414B61
- 31394A
- 222835
- 131821
- 06090E
- 010102
Tony
- 8798BD
- 8696B6
- 8693AF
- 8590A9
- 848EA2
- 838B9B
- 828894
- 82868E
- 818387
Harmonie kolorów
Komplementarna +180°
- 889BC4
Azureno
- AD996D
≈ Cool Camel
Analogowa -30° +30°
- 889BC4
Azureno
- 74A2BE
≈ Ocean Surf
- 9E94BF
≈ Chive Flower
Triada +120° +240°
- 889BC4
Azureno
- C08C87
≈ Grand Sunset
- 82A683
≈ Greyish Green
Komplementarna rozszczepiona +150° +210°
- 889BC4
Azureno
- BB9175
≈ Presidio Plaza
- 99A072
≈ Dill Powder
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.78:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.53:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--azureno: #889bc4;
--azureno-rgb: 136 155 196;
--azureno-oklch: oklch(0.69 0.064 265.3);
}
.element {
color: var(--azureno);
background-color: hsl(221 34% 65%);
border-color: oklch(0.69 0.064 265.3);
}Tailwind CSS v4
@theme {
--color-azureno: #889bc4;
--color-azureno-50: #edf5ff;
--color-azureno-100: #dee8fe;
--color-azureno-200: #c8d4f1;
--color-azureno-300: #a9b7d9;
--color-azureno-400: #8c9ec5;
--color-azureno-500: #7286b2;
--color-azureno-600: #607196;
--color-azureno-700: #4d5a78;
--color-azureno-800: #374259;
--color-azureno-900: #252e3e;
--color-azureno-950: #141b27;
}SCSS
$azureno: #889bc4;
$azureno-rgb: 136, 155, 196;
$azureno-light: mix(#fff, $azureno, 20%);
$azureno-dark: mix(#000, $azureno, 20%);
.element {
color: $azureno;
box-shadow: 0 0 0 2px rgba($azureno, 0.35);
}