Benoemde kleur · #50818B
Cape Lee
Cape Lee is #50818B: rgb(80 129 139), hsl(190 27% 43%), oklch(0.572 0.055 212). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Cyan mean? → · Cape Lee color name →
#50818B
oklch(0.572 0.055 212)
Kleurconversies
- HEX
- #50818b
- RGB
- rgb(80 129 139)
- HSL
- hsl(190 27% 43%)
- HWB
- hwb(190 31% 45%)
- OKLCH
- oklch(0.572 0.055 212)
- OKLab
- oklab(0.572 -0.047 -0.029)
- CIE Lab
- lab(50.79 -15.17 -10.94)
- LCH
- lch(50.79 18.7 215.8)
- CMYK
- cmyk(42% 7% 0% 45%)
Tinten · Schaduwen · Tonen
Tinten
- 618D96
- 7299A1
- 84A5AD
- 95B2B8
- A6BEC4
- B8CBCF
- C9D8DB
- DBE5E7
- EDF2F3
Schaduwen
- 446F78
- 395E66
- 2E4E54
- 243E43
- 1A2E32
- 101F23
- 071214
- 020607
- 000101
Tonen
- 56818A
- 5B8189
- 608188
- 658187
- 6A8186
- 6F8185
- 738183
- 778082
- 7C8081
Kleurharmonieën
Complementair +180°
- 50818B
Cape Lee
- 966C64
≈ Safari Brown
Analoog -30° +30°
- 50818B
Cape Lee
- 52837A
≈ Idyllic Island
- 5B7C96
≈ Cropper Blue
Triadisch +120° +240°
- 50818B
Cape Lee
- 8C6C87
≈ Dianthus Mauve
- 847752
≈ Olive Ochre
Gesplitst complementair +150° +210°
- 50818B
Cape Lee
- 946B75
≈ Full Glass
- 907156
≈ Arrow Creek
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.32:1 · APCA Lc 70
Ag
AAOp zwart
WCAG 4.85:1 · APCA Lc 32
Beste tekstkleur: #000000
WCAG 4.85:1 (AA) · APCA Lc 32
Contrast pairs
Codefragmenten
CSS
:root {
--cape-lee: #50818b;
--cape-lee-rgb: 80 129 139;
--cape-lee-oklch: oklch(0.572 0.055 212);
}
.element {
color: var(--cape-lee);
background-color: hsl(190 27% 43%);
border-color: oklch(0.572 0.055 212);
}Tailwind CSS v4
@theme {
--color-cape-lee: #50818b;
--color-cape-lee-50: #e4faff;
--color-cape-lee-100: #d4edf3;
--color-cape-lee-200: #bbdbe3;
--color-cape-lee-300: #98bfc9;
--color-cape-lee-400: #78a8b1;
--color-cape-lee-500: #59909b;
--color-cape-lee-600: #4c7a83;
--color-cape-lee-700: #3c6269;
--color-cape-lee-800: #2b484d;
--color-cape-lee-900: #1d3235;
--color-cape-lee-950: #0d1e21;
}SCSS
$cape-lee: #50818b;
$cape-lee-rgb: 80, 129, 139;
$cape-lee-light: mix(#fff, $cape-lee, 20%);
$cape-lee-dark: mix(#000, $cape-lee, 20%);
.element {
color: $cape-lee;
box-shadow: 0 0 0 2px rgba($cape-lee, 0.35);
}