Benoemde kleur · #89A4CD
Anode
Anode is #89A4CD: rgb(137 164 205), hsl(216 40% 67%), oklch(0.713 0.067 258.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Anode color name →
#89A4CD
oklch(0.713 0.067 258.6)
Kleurconversies
- HEX
- #89a4cd
- RGB
- rgb(137 164 205)
- HSL
- hsl(216 40% 67%)
- HWB
- hwb(216 54% 20%)
- OKLCH
- oklch(0.713 0.067 258.6)
- OKLab
- oklab(0.713 -0.013 -0.066)
- CIE Lab
- lab(66.43 -2.26 -24.31)
- LCH
- lch(66.43 24.42 264.7)
- CMYK
- cmyk(33% 20% 0% 20%)
Tinten · Schaduwen · Tonen
Tinten
- 94ADD2
- A0B6D7
- ABBFDC
- B7C8E1
- C3D1E6
- CFDAEB
- DBE3F0
- E7ECF5
- F3F6FA
Schaduwen
- 768EB2
- 647998
- 53647E
- 425066
- 313D4E
- 222B38
- 141A23
- 070A0F
- 010102
Tonen
- 88A0C5
- 879DBD
- 8799B6
- 8696AE
- 8592A6
- 848E9F
- 838B97
- 82878F
- 818488
Kleurharmonieën
Complementair +180°
- 89A4CD
Anode
- BA9E72
≈ Gould Gold
Analoog -30° +30°
- 89A4CD
Anode
- 75ABC4
≈ Moonstone Blue
- A09CCB
≈ Purple Vision
Triadisch +120° +240°
- 89A4CD
Anode
- C99292
≈ Garnet Shadow
- 8EAD84
≈ Forest Shade
Gesplitst complementair +150° +210°
- 89A4CD
Anode
- C6967E
≈ Sweet Beige
- A6A675
≈ Mossy Cavern
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.54:1 · APCA Lc 50
Ag
AAAOp zwart
WCAG 8.25:1 · APCA Lc 52
Beste tekstkleur: #000000
WCAG 8.25:1 (AAA) · APCA Lc 52
Contrast pairs
Codefragmenten
CSS
:root {
--anode: #89a4cd;
--anode-rgb: 137 164 205;
--anode-oklch: oklch(0.713 0.067 258.6);
}
.element {
color: var(--anode);
background-color: hsl(216 40% 67%);
border-color: oklch(0.713 0.067 258.6);
}Tailwind CSS v4
@theme {
--color-anode: #89a4cd;
--color-anode-50: #eaf6ff;
--color-anode-100: #dbe9ff;
--color-anode-200: #c4d5f2;
--color-anode-300: #a4b8db;
--color-anode-400: #86a0c7;
--color-anode-500: #6b87b3;
--color-anode-600: #5b7397;
--color-anode-700: #485c79;
--color-anode-800: #33435a;
--color-anode-900: #232f3f;
--color-anode-950: #121b28;
}SCSS
$anode: #89a4cd;
$anode-rgb: 137, 164, 205;
$anode-light: mix(#fff, $anode, 20%);
$anode-dark: mix(#000, $anode, 20%);
.element {
color: $anode;
box-shadow: 0 0 0 2px rgba($anode, 0.35);
}