Warna bernama · #ACB9E8
Perano
Perano adalah #ACB9E8: rgb(172 185 232), hsl(227 57% 79%), oklch(0.792 0.068 272.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Blue mean? → · Perano color name →
#ACB9E8
oklch(0.792 0.068 272.7)
Konversi warna
- HEX
- #acb9e8
- RGB
- rgb(172 185 232)
- HSL
- hsl(227 57% 79%)
- HWB
- hwb(227 67% 9%)
- OKLCH
- oklch(0.792 0.068 272.7)
- OKLab
- oklab(0.792 0.003 -0.068)
- CIE Lab
- lab(75.36 3.08 -25.2)
- LCH
- lch(75.36 25.38 277)
- CMYK
- cmyk(26% 20% 0% 9%)
Tint · Shade · Tone
Tint
- B4C0EB
- BCC7ED
- C4CEEF
- CCD5F2
- D5DCF4
- DDE3F6
- E5EAF9
- EEF1FB
- F6F8FD
Shade
- 95A0CA
- 7F89AC
- 697190
- 545B74
- 404659
- 2D3140
- 1B1E29
- 0B0D13
- 010203
Tone
- A7B3DD
- A3ADD3
- 9FA8C8
- 9AA2BE
- 969CB3
- 9197A9
- 8D919E
- 898B94
- 84868A
Harmoni warna
Komplementer +180°
- ACB9E8
Perano
- CABB89
≈ Olive Hint
Analog -30° +30°
Triadik +120° +240°
- ACB9E8
Perano
- E4AC9F
≈ Passion Fruit Punch
- 9AC8A6
≈ French Market
Split-komplementer +150° +210°
- ACB9E8
Perano
- DBB28E
≈ Sheepskin
- B3C392
≈ Harmonious
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.93:1 · APCA Lc 37
Ag
AAADi atas hitam
WCAG 10.85:1 · APCA Lc 65
Warna teks terbaik: #000000
WCAG 10.85:1 (AAA) · APCA Lc 65
Contrast pairs
Cuplikan kode
CSS
:root {
--perano: #acb9e8;
--perano-rgb: 172 185 232;
--perano-oklch: oklch(0.792 0.068 272.7);
}
.element {
color: var(--perano);
background-color: hsl(227 57% 79%);
border-color: oklch(0.792 0.068 272.7);
}Tailwind CSS v4
@theme {
--color-perano: #acb9e8;
--color-perano-50: #eff4ff;
--color-perano-100: #e1e7ff;
--color-perano-200: #cbd3f2;
--color-perano-300: #acb5db;
--color-perano-400: #909cc8;
--color-perano-500: #7783b4;
--color-perano-600: #656f98;
--color-perano-700: #50597a;
--color-perano-800: #39415a;
--color-perano-900: #272d3f;
--color-perano-950: #151a28;
}SCSS
$perano: #acb9e8;
$perano-rgb: 172, 185, 232;
$perano-light: mix(#fff, $perano, 20%);
$perano-dark: mix(#000, $perano, 20%);
.element {
color: $perano;
box-shadow: 0 0 0 2px rgba($perano, 0.35);
}