Warna bernama · #AFD3DA
Balboa
Balboa adalah #AFD3DA: rgb(175 211 218), hsl(190 37% 77%), oklch(0.843 0.039 210.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Cyan mean? → · Balboa color name →
#AFD3DA
oklch(0.843 0.039 210.7)
Konversi warna
- HEX
- #afd3da
- RGB
- rgb(175 211 218)
- HSL
- hsl(190 37% 77%)
- HWB
- hwb(190 69% 15%)
- OKLCH
- oklch(0.843 0.039 210.7)
- OKLab
- oklab(0.843 -0.034 -0.02)
- CIE Lab
- lab(82.1 -11.2 -7.65)
- LCH
- lch(82.1 13.56 214.3)
- CMYK
- cmyk(20% 3% 0% 15%)
Tint · Shade · Tone
Tint
- B7D7DE
- BFDCE1
- C7E0E5
- CFE5E9
- D7E9EC
- DFEDF0
- E7F2F4
- EFF6F8
- F7FBFB
Shade
- 98B7BD
- 819CA2
- 6B8287
- 56696C
- 415154
- 2E3A3C
- 1C2425
- 0B1011
- 010202
Tone
- AACAD1
- A6C2C7
- A1B9BE
- 9CB1B5
- 98A9AC
- 93A0A3
- 8E989A
- 8A9091
- 858889
Harmoni warna
Komplementer +180°
- AFD3DA
Balboa
- E4C3BC
≈ Golden Guernsey
Analog -30° +30°
- AFD3DA
Balboa
- B1D4CD
≈ Icy Morn
- B6CFE3
≈ Tender Twilight
Triadik +120° +240°
- AFD3DA
Balboa
- DBC3D8
≈ Plum Taffy
- D5CBAF
≈ Aths Special
Split-komplementer +150° +210°
- AFD3DA
Balboa
- E3C1CA
≈ Soap Pink
- DFC6B2
≈ Arabian Sands
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.59:1 · APCA Lc 27
Ag
AAADi atas hitam
WCAG 13.15:1 · APCA Lc 76
Warna teks terbaik: #000000
WCAG 13.15:1 (AAA) · APCA Lc 76
Contrast pairs
Cuplikan kode
CSS
:root {
--balboa: #afd3da;
--balboa-rgb: 175 211 218;
--balboa-oklch: oklch(0.843 0.039 210.7);
}
.element {
color: var(--balboa);
background-color: hsl(190 37% 77%);
border-color: oklch(0.843 0.039 210.7);
}Tailwind CSS v4
@theme {
--color-balboa: #afd3da;
--color-balboa-50: #e9f8fc;
--color-balboa-100: #daecf0;
--color-balboa-200: #c2d9de;
--color-balboa-300: #a1bdc3;
--color-balboa-400: #84a5ac;
--color-balboa-500: #688e95;
--color-balboa-600: #58787e;
--color-balboa-700: #466065;
--color-balboa-800: #32464a;
--color-balboa-900: #223133;
--color-balboa-950: #111d1f;
}SCSS
$balboa: #afd3da;
$balboa-rgb: 175, 211, 218;
$balboa-light: mix(#fff, $balboa, 20%);
$balboa-dark: mix(#000, $balboa, 20%);
.element {
color: $balboa;
box-shadow: 0 0 0 2px rgba($balboa, 0.35);
}