Benoemde kleur · #AFD3DA
Balboa
Balboa is #AFD3DA: rgb(175 211 218), hsl(190 37% 77%), oklch(0.843 0.039 210.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Cyan mean? → · Balboa color name →
#AFD3DA
oklch(0.843 0.039 210.7)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- B7D7DE
- BFDCE1
- C7E0E5
- CFE5E9
- D7E9EC
- DFEDF0
- E7F2F4
- EFF6F8
- F7FBFB
Schaduwen
- 98B7BD
- 819CA2
- 6B8287
- 56696C
- 415154
- 2E3A3C
- 1C2425
- 0B1011
- 010202
Tonen
- AACAD1
- A6C2C7
- A1B9BE
- 9CB1B5
- 98A9AC
- 93A0A3
- 8E989A
- 8A9091
- 858889
Kleurharmonieën
Complementair +180°
- AFD3DA
Balboa
- E4C3BC
≈ Golden Guernsey
Analoog -30° +30°
- AFD3DA
Balboa
- B1D4CD
≈ Icy Morn
- B6CFE3
≈ Tender Twilight
Triadisch +120° +240°
- AFD3DA
Balboa
- DBC3D8
≈ Plum Taffy
- D5CBAF
≈ Aths Special
Gesplitst complementair +150° +210°
- AFD3DA
Balboa
- E3C1CA
≈ Soap Pink
- DFC6B2
≈ Arabian Sands
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.59:1 · APCA Lc 27
Ag
AAAOp zwart
WCAG 13.15:1 · APCA Lc 76
Beste tekstkleur: #000000
WCAG 13.15:1 (AAA) · APCA Lc 76
Contrast pairs
Codefragmenten
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);
}