Warna bernama · #AEC9EA
Breeze
Breeze adalah #AEC9EA: rgb(174 201 234), hsl(213 59% 80%), oklch(0.827 0.055 253.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Blue mean? → · Breeze color name →
#AEC9EA
oklch(0.827 0.055 253.6)
Konversi warna
- HEX
- #aec9ea
- RGB
- rgb(174 201 234)
- HSL
- hsl(213 59% 80%)
- HWB
- hwb(213 68% 8%)
- OKLCH
- oklch(0.827 0.055 253.6)
- OKLab
- oklab(0.827 -0.016 -0.053)
- CIE Lab
- lab(79.77 -3.95 -19.6)
- LCH
- lch(79.77 20 258.6)
- CMYK
- cmyk(26% 14% 0% 8%)
Tint · Shade · Tone
Tint
- B6CEEC
- BED4EE
- C6D9F1
- CEDFF3
- D6E4F5
- DEE9F7
- E6EFF9
- EFF4FB
- F7FAFD
Shade
- 97AECB
- 8095AE
- 6A7C91
- 556475
- 414C5A
- 2E3641
- 1C2229
- 0B0F13
- 010203
Tone
- A9C1DF
- A5BAD4
- A0B3C9
- 9CABBE
- 97A4B4
- 929DA9
- 8E959F
- 898E94
- 85878A
Harmoni warna
Komplementer +180°
- AEC9EA
Breeze
- DCC29F
≈ Natural Rice Beige
Analog -30° +30°
- AEC9EA
Breeze
- A0CFE1
≈ Light Sky Babe
- C1C2EA
≈ Violet Gems
Triadik +120° +240°
- AEC9EA
Breeze
- E8B8BC
≈ Peppermint Stick
- B8CFAA
≈ Pixie Green
Split-komplementer +150° +210°
- AEC9EA
Breeze
- E6BCAA
≈ Orangery
- CCC9A0
≈ Anjou Pear
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.70:1 · APCA Lc 30
Ag
AAADi atas hitam
WCAG 12.34:1 · APCA Lc 72
Warna teks terbaik: #000000
WCAG 12.34:1 (AAA) · APCA Lc 72
Contrast pairs
Cuplikan kode
CSS
:root {
--breeze: #aec9ea;
--breeze-rgb: 174 201 234;
--breeze-oklch: oklch(0.827 0.055 253.6);
}
.element {
color: var(--breeze);
background-color: hsl(213 59% 80%);
border-color: oklch(0.827 0.055 253.6);
}Tailwind CSS v4
@theme {
--color-breeze: #aec9ea;
--color-breeze-50: #ebf6ff;
--color-breeze-100: #dce9fb;
--color-breeze-200: #c5d6ec;
--color-breeze-300: #a5b9d4;
--color-breeze-400: #88a1bf;
--color-breeze-500: #6d89aa;
--color-breeze-600: #5c7490;
--color-breeze-700: #4a5c73;
--color-breeze-800: #344455;
--color-breeze-900: #242f3b;
--color-breeze-950: #131b25;
}SCSS
$breeze: #aec9ea;
$breeze-rgb: 174, 201, 234;
$breeze-light: mix(#fff, $breeze, 20%);
$breeze-dark: mix(#000, $breeze, 20%);
.element {
color: $breeze;
box-shadow: 0 0 0 2px rgba($breeze, 0.35);
}