Najbliższy nazwany kolor · #859ACB
#859ACB
Najbliższy nazwany kolor: Azureno
#859ACB (rgb(133 154 203), hsl(222 40% 66%), oklch(0.688 0.076 266.4)) jest najbliższy nazwanemu kolorowi Azureno. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#859ACB
oklch(0.688 0.076 266.4)
Konwersje koloru
- HEX
- #859acb
- RGB
- rgb(133 154 203)
- HSL
- hsl(222 40% 66%)
- HWB
- hwb(222 52% 20%)
- OKLCH
- oklch(0.688 0.076 266.4)
- OKLab
- oklab(0.688 -0.005 -0.076)
- CIE Lab
- lab(63.35 1.31 -27.93)
- LCH
- lch(63.35 27.96 272.7)
- CMYK
- cmyk(34% 24% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 91A4D0
- 9CAED6
- A8B8DB
- B4C2E0
- C0CCE6
- CDD6EB
- D9E0F0
- E6EAF5
- F2F5FA
Odcienie ciemniejsze
- 7385B0
- 617196
- 505E7D
- 404B65
- 30394D
- 212737
- 131722
- 06090F
- 010102
Tony
- 8598C3
- 8495BC
- 8492B4
- 8390AD
- 838DA5
- 828B9E
- 828896
- 81858F
- 818387
Harmonie kolorów
Komplementarna +180°
- 859ACB
Azureno
- B09863
≈ Edgy Gold
Analogowa -30° +30°
- 859ACB
Azureno
- 6BA2C4
≈ Scott Base
- 9F91C5
≈ Violet Tulip
Triada +120° +240°
- 859ACB
Azureno
- C68982
≈ Sunstone
- 7CA87F
≈ Greyish Green
Komplementarna rozszczepiona +150° +210°
- 859ACB
Azureno
- C08F6C
≈ Sunset Cloud
- 98A16A
≈ Dry Grass
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.48:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--azureno: #859acb;
--azureno-rgb: 133 154 203;
--azureno-oklch: oklch(0.688 0.076 266.4);
}
.element {
color: var(--azureno);
background-color: hsl(222 40% 66%);
border-color: oklch(0.688 0.076 266.4);
}Tailwind CSS v4
@theme {
--color-azureno: #859acb;
--color-azureno-50: #ecf5ff;
--color-azureno-100: #dde8ff;
--color-azureno-200: #c6d4f6;
--color-azureno-300: #a7b7e0;
--color-azureno-400: #8a9ecc;
--color-azureno-500: #6f85b9;
--color-azureno-600: #5e719d;
--color-azureno-700: #4b5a7e;
--color-azureno-800: #35425d;
--color-azureno-900: #242e41;
--color-azureno-950: #131a2a;
}SCSS
$azureno: #859acb;
$azureno-rgb: 133, 154, 203;
$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);
}