Named color · #386B7D
Kimberley Sea
Kimberley Sea is #386B7D: rgb(56 107 125), hsl(196 38% 35%), oklch(0.5 0.062 223.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Kimberley Sea color name →
#386B7D
oklch(0.5 0.062 223.2)
Color conversions
- HEX
- #386b7d
- RGB
- rgb(56 107 125)
- HSL
- hsl(196 38% 35%)
- HWB
- hwb(196 22% 51%)
- OKLCH
- oklch(0.5 0.062 223.2)
- OKLab
- oklab(0.5 -0.045 -0.042)
- CIE Lab
- lab(42.25 -13.68 -15.63)
- LCH
- lch(42.25 20.78 228.8)
- CMYK
- cmyk(55% 14% 0% 51%)
Tints · Shades · Tones
Tints
- 4C7989
- 5F8796
- 7395A3
- 86A4AF
- 9AB3BC
- ADC2C9
- C1D1D7
- D6E0E4
- EAEFF1
Shades
- 2F5C6C
- 274E5B
- 1F3F4B
- 17323B
- 0F252C
- 08181E
- 040D11
- 010405
- 000001
Tones
- 406D7D
- 486F7E
- 50727E
- 57747F
- 5E767F
- 65787F
- 6C7A7F
- 737C80
- 797E80
Color harmonies
Complementary +180°
- 386B7D
Kimberley Sea
- 815846
≈ Wooden Wagon
Analogous -30° +30°
- 386B7D
Kimberley Sea
- 336E6D
≈ Deep Pool Teal
- 4A6586
≈ French Mirage Blue
Triadic +120° +240°
- 386B7D
Kimberley Sea
- 7C556C
≈ Magnificence
- 69653A
≈ Jungle Civilization
Split-complementary +150° +210°
- 386B7D
Kimberley Sea
- 835459
≈ So Merlot
- 795E3A
≈ Nut Oil
Tetradic +90° +180° +270°
- 386B7D
Kimberley Sea
- 70597C
≈ Mystical
- 815846
≈ Wooden Wagon
- 556B46
≈ Pacific Pine
Contrast & accessibility
Ag
AAOn white
WCAG 5.88:1 · APCA Lc 79
Ag
FailOn black
WCAG 3.56:1 · APCA Lc 23
Best text color: #FFFFFF
WCAG 5.88:1 (AA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--kimberley-sea: #386b7d;
--kimberley-sea-rgb: 56 107 125;
--kimberley-sea-oklch: oklch(0.5 0.062 223.2);
}
.element {
color: var(--kimberley-sea);
background-color: hsl(196 38% 35%);
border-color: oklch(0.5 0.062 223.2);
}Tailwind CSS v4
@theme {
--color-kimberley-sea: #386b7d;
--color-kimberley-sea-50: #e3f9ff;
--color-kimberley-sea-100: #d3edf8;
--color-kimberley-sea-200: #b9dae8;
--color-kimberley-sea-300: #96bfd0;
--color-kimberley-sea-400: #76a7b9;
--color-kimberley-sea-500: #568fa4;
--color-kimberley-sea-600: #49798b;
--color-kimberley-sea-700: #3a616f;
--color-kimberley-sea-800: #294752;
--color-kimberley-sea-900: #1b3139;
--color-kimberley-sea-950: #0c1d23;
}SCSS
$kimberley-sea: #386b7d;
$kimberley-sea-rgb: 56, 107, 125;
$kimberley-sea-light: mix(#fff, $kimberley-sea, 20%);
$kimberley-sea-dark: mix(#000, $kimberley-sea, 20%);
.element {
color: $kimberley-sea;
box-shadow: 0 0 0 2px rgba($kimberley-sea, 0.35);
}