Warna bernama · #50818B
Cape Lee
Cape Lee adalah #50818B: rgb(80 129 139), hsl(190 27% 43%), oklch(0.572 0.055 212). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Cyan mean? → · Cape Lee color name →
#50818B
oklch(0.572 0.055 212)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 618D96
- 7299A1
- 84A5AD
- 95B2B8
- A6BEC4
- B8CBCF
- C9D8DB
- DBE5E7
- EDF2F3
Shade
- 446F78
- 395E66
- 2E4E54
- 243E43
- 1A2E32
- 101F23
- 071214
- 020607
- 000101
Tone
- 56818A
- 5B8189
- 608188
- 658187
- 6A8186
- 6F8185
- 738183
- 778082
- 7C8081
Harmoni warna
Komplementer +180°
- 50818B
Cape Lee
- 966C64
≈ Safari Brown
Analog -30° +30°
- 50818B
Cape Lee
- 52837A
≈ Idyllic Island
- 5B7C96
≈ Cropper Blue
Triadik +120° +240°
- 50818B
Cape Lee
- 8C6C87
≈ Dianthus Mauve
- 847752
≈ Olive Ochre
Split-komplementer +150° +210°
- 50818B
Cape Lee
- 946B75
≈ Full Glass
- 907156
≈ Arrow Creek
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 4.32:1 · APCA Lc 70
Ag
AADi atas hitam
WCAG 4.85:1 · APCA Lc 32
Warna teks terbaik: #000000
WCAG 4.85:1 (AA) · APCA Lc 32
Contrast pairs
Cuplikan kode
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);
}