Benoemde kleur · #A5CEEC
Sail
Sail is #A5CEEC: rgb(165 206 236), hsl(205 65% 79%), oklch(0.832 0.061 240.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Blue mean? → · Sail color name →
#A5CEEC
oklch(0.832 0.061 240.2)
Kleurconversies
- HEX
- #a5ceec
- RGB
- rgb(165 206 236)
- HSL
- hsl(205 65% 79%)
- HWB
- hwb(205 65% 7%)
- OKLCH
- oklch(0.832 0.061 240.2)
- OKLab
- oklab(0.832 -0.03 -0.053)
- CIE Lab
- lab(80.57 -8.82 -19.54)
- LCH
- lch(80.57 21.44 245.7)
- CMYK
- cmyk(30% 13% 0% 7%)
Tinten · Schaduwen · Tonen
Tinten
- AED3EE
- B7D8F0
- C0DDF2
- C9E2F4
- D2E7F6
- DBEBF8
- E4F0FA
- EDF5FB
- F6FAFD
Schaduwen
- 8FB3CD
- 7998AF
- 657F92
- 516676
- 3D4E5B
- 2B3842
- 1A2329
- 0A0F13
- 010203
Tonen
- A1C6E1
- 9EBED6
- 9AB6CB
- 97AEC0
- 93A6B5
- 8F9FAA
- 8C979F
- 888F95
- 84888A
Kleurharmonieën
Complementair +180°
- A5CEEC
Sail
- E6BFA1
≈ Fabulous Fawn
Analoog -30° +30°
Triadisch +120° +240°
Gesplitst complementair +150° +210°
- A5CEEC
Sail
- EDBAB1
≈ Pink Cashmere
- D7C79B
≈ Parsnip
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.66:1 · APCA Lc 29
Ag
AAAOp zwart
WCAG 12.63:1 · APCA Lc 74
Beste tekstkleur: #000000
WCAG 12.63:1 (AAA) · APCA Lc 74
Contrast pairs
Codefragmenten
CSS
:root {
--sail: #a5ceec;
--sail-rgb: 165 206 236;
--sail-oklch: oklch(0.832 0.061 240.2);
}
.element {
color: var(--sail);
background-color: hsl(205 65% 79%);
border-color: oklch(0.832 0.061 240.2);
}Tailwind CSS v4
@theme {
--color-sail: #a5ceec;
--color-sail-50: #e7f8ff;
--color-sail-100: #d7ebfb;
--color-sail-200: #bfd8ec;
--color-sail-300: #9dbcd4;
--color-sail-400: #7ea4bf;
--color-sail-500: #618cab;
--color-sail-600: #527690;
--color-sail-700: #415f74;
--color-sail-800: #2e4655;
--color-sail-900: #1f303b;
--color-sail-950: #0f1c25;
}SCSS
$sail: #a5ceec;
$sail-rgb: 165, 206, 236;
$sail-light: mix(#fff, $sail, 20%);
$sail-dark: mix(#000, $sail, 20%);
.element {
color: $sail;
box-shadow: 0 0 0 2px rgba($sail, 0.35);
}