Nearest named color · #82BECC
#82BECC
Nearest named color: Cuttlefish
#82BECC (rgb(130 190 204), hsl(191 42% 65%), oklch(0.765 0.065 213.9)) is closest to the named color Cuttlefish. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#82BECC
oklch(0.765 0.065 213.9)
Color conversions
- HEX
- #82becc
- RGB
- rgb(130 190 204)
- HSL
- hsl(191 42% 65%)
- HWB
- hwb(191 51% 20%)
- OKLCH
- oklch(0.765 0.065 213.9)
- OKLab
- oklab(0.765 -0.054 -0.036)
- CIE Lab
- lab(73.25 -17.45 -13.58)
- LCH
- lch(73.25 22.11 217.9)
- CMYK
- cmyk(36% 7% 0% 20%)
Tints · Shades · Tones
Tints
- 8FC4D1
- 9CCBD6
- A8D1DB
- B5D8E0
- C1DEE5
- CEE5EB
- DAEBF0
- E6F2F5
- F3F8FA
Shades
- 70A5B1
- 5F8C97
- 4E757E
- 3E5E65
- 2F484E
- 203337
- 121F22
- 060D0F
- 010202
Tones
- 83B8C4
- 83B1BC
- 83ABB5
- 83A5AD
- 839FA5
- 83999E
- 829296
- 828C8F
- 818687
Color harmonies
Complementary +180°
- 82BECC
Cuttlefish
- D9A498
≈ Conch Pink
Analogous -30° +30°
- 82BECC
Cuttlefish
- 83C1B7
≈ Undine
- 90B8DA
≈ Blue Beyond
Triadic +120° +240°
- 82BECC
Cuttlefish
- CDA4C4
≈ Geranium Bud
- C0B384
≈ Ecru
Split-complementary +150° +210°
- 82BECC
Cuttlefish
- D7A2AE
≈ Lili Elbe’s Pink
- D1AB88
≈ Cliff Brown
Tetradic +90° +180° +270°
- 82BECC
Cuttlefish
- BBA9D5
≈ Purple Gladiola
- D9A498
≈ Conch Pink
- AABA8D
≈ Gardening
Contrast & accessibility
Ag
FailOn white
WCAG 2.06:1 · APCA Lc 40
Ag
AAAOn black
WCAG 10.18:1 · APCA Lc 62
Best text color: #000000
WCAG 10.18:1 (AAA) · APCA Lc 62
Contrast pairs
Code snippets
CSS
:root {
--cuttlefish: #82becc;
--cuttlefish-rgb: 130 190 204;
--cuttlefish-oklch: oklch(0.765 0.065 213.9);
}
.element {
color: var(--cuttlefish);
background-color: hsl(191 42% 65%);
border-color: oklch(0.765 0.065 213.9);
}Tailwind CSS v4
@theme {
--color-cuttlefish: #82becc;
--color-cuttlefish-50: #e1faff;
--color-cuttlefish-100: #d1eef6;
--color-cuttlefish-200: #b6dce6;
--color-cuttlefish-300: #92c0cd;
--color-cuttlefish-400: #71a9b6;
--color-cuttlefish-500: #4f91a0;
--color-cuttlefish-600: #447b88;
--color-cuttlefish-700: #36636d;
--color-cuttlefish-800: #26484f;
--color-cuttlefish-900: #193237;
--color-cuttlefish-950: #091e22;
}SCSS
$cuttlefish: #82becc;
$cuttlefish-rgb: 130, 190, 204;
$cuttlefish-light: mix(#fff, $cuttlefish, 20%);
$cuttlefish-dark: mix(#000, $cuttlefish, 20%);
.element {
color: $cuttlefish;
box-shadow: 0 0 0 2px rgba($cuttlefish, 0.35);
}