Warna bernama terdekat · #889BC4
#889BC4
Warna bernama terdekat: Azureno
#889BC4 (rgb(136 155 196), hsl(221 34% 65%), oklch(0.69 0.064 265.3)) paling mendekati warna bernama Azureno. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#889BC4
oklch(0.69 0.064 265.3)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 93A5CA
- 9FAFD0
- AAB8D6
- B6C2DC
- C2CCE2
- CED6E8
- DAE0EE
- E6EBF3
- F3F5F9
Shade
- 7586AA
- 637291
- 525E78
- 414B61
- 31394A
- 222835
- 131821
- 06090E
- 010102
Tone
- 8798BD
- 8696B6
- 8693AF
- 8590A9
- 848EA2
- 838B9B
- 828894
- 82868E
- 818387
Harmoni warna
Komplementer +180°
- 889BC4
Azureno
- AD996D
≈ Cool Camel
Analog -30° +30°
- 889BC4
Azureno
- 74A2BE
≈ Ocean Surf
- 9E94BF
≈ Chive Flower
Triadik +120° +240°
- 889BC4
Azureno
- C08C87
≈ Grand Sunset
- 82A683
≈ Greyish Green
Split-komplementer +150° +210°
- 889BC4
Azureno
- BB9175
≈ Presidio Plaza
- 99A072
≈ Dill Powder
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.78:1 · APCA Lc 54
Ag
AAADi atas hitam
WCAG 7.53:1 · APCA Lc 48
Warna teks terbaik: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Cuplikan kode
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);
}