Benoemde kleur · #9EBBCD
Anchors Away
Anchors Away is #9EBBCD: rgb(158 187 205), hsl(203 32% 71%), oklch(0.776 0.041 235.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Anchors Away color name →
#9EBBCD
oklch(0.776 0.041 235.3)
Kleurconversies
- HEX
- #9ebbcd
- RGB
- rgb(158 187 205)
- HSL
- hsl(203 32% 71%)
- HWB
- hwb(203 62% 20%)
- OKLCH
- oklch(0.776 0.041 235.3)
- OKLab
- oklab(0.776 -0.023 -0.033)
- CIE Lab
- lab(74.15 -7.21 -12.57)
- LCH
- lch(74.15 14.49 240.2)
- CMYK
- cmyk(23% 9% 0% 20%)
Tinten · Schaduwen · Tonen
Tinten
- A8C2D2
- B1C8D7
- BBCFDC
- C4D6E1
- CEDDE6
- D8E3EB
- E1EAF0
- EBF1F5
- F5F8FA
Schaduwen
- 89A2B2
- 748A98
- 60737E
- 4D5C66
- 3A464E
- 293238
- 181F23
- 090D0F
- 010202
Tonen
- 9BB5C5
- 98AFBD
- 95A9B5
- 92A3AE
- 8F9DA6
- 8C979E
- 899197
- 868C8F
- 838687
Kleurharmonieën
Complementair +180°
- 9EBBCD
Anchors Away
- CCB09E
≈ Frappé
Analoog -30° +30°
- 9EBBCD
Anchors Away
- 99BEC3
≈ Bel Esprit
- AAB6D1
≈ Over the Moon
Triadisch +120° +240°
- 9EBBCD
Anchors Away
- CDACB7
≈ Scented Frill
- B5BA9C
≈ Foille
Gesplitst complementair +150° +210°
- 9EBBCD
Anchors Away
- CFADA9
≈ Vista
- C2B599
≈ Palisade
Tetradisch +90° +180° +270°
- 9EBBCD
Anchors Away
- C4AEC5
≈ Heather Feather
- CCB09E
≈ Frappé
- A7BEA7
≈ Bryophyte
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.01:1 · APCA Lc 39
Ag
AAAOp zwart
WCAG 10.44:1 · APCA Lc 63
Beste tekstkleur: #000000
WCAG 10.44:1 (AAA) · APCA Lc 63
Contrast pairs
Codefragmenten
CSS
:root {
--anchors-away: #9ebbcd;
--anchors-away-rgb: 158 187 205;
--anchors-away-oklch: oklch(0.776 0.041 235.3);
}
.element {
color: var(--anchors-away);
background-color: hsl(203 32% 71%);
border-color: oklch(0.776 0.041 235.3);
}Tailwind CSS v4
@theme {
--color-anchors-away: #9ebbcd;
--color-anchors-away-50: #ebf7ff;
--color-anchors-away-100: #dceaf4;
--color-anchors-away-200: #c5d7e4;
--color-anchors-away-300: #a5bbca;
--color-anchors-away-400: #88a3b3;
--color-anchors-away-500: #6c8b9e;
--color-anchors-away-600: #5c7685;
--color-anchors-away-700: #495e6b;
--color-anchors-away-800: #35454e;
--color-anchors-away-900: #243037;
--color-anchors-away-950: #131c21;
}SCSS
$anchors-away: #9ebbcd;
$anchors-away-rgb: 158, 187, 205;
$anchors-away-light: mix(#fff, $anchors-away, 20%);
$anchors-away-dark: mix(#000, $anchors-away, 20%);
.element {
color: $anchors-away;
box-shadow: 0 0 0 2px rgba($anchors-away, 0.35);
}