Nearest named color · #CE8981
#CE8981
Nearest named color: Island Coral
#CE8981 (rgb(206 137 129), hsl(6 44% 66%), oklch(0.698 0.086 26.8)) is closest to the named color Island Coral. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CE8981
oklch(0.698 0.086 26.8)
Color conversions
- HEX
- #ce8981
- RGB
- rgb(206 137 129)
- HSL
- hsl(6 44% 66%)
- HWB
- hwb(6 51% 19%)
- OKLCH
- oklch(0.698 0.086 26.8)
- OKLab
- oklab(0.698 0.077 0.039)
- CIE Lab
- lab(64.16 26.42 15.69)
- LCH
- lch(64.16 30.73 30.7)
- CMYK
- cmyk(0% 33% 37% 19%)
Tints · Shades · Tones
Tints
- D4958D
- D9A099
- DEACA6
- E4B8B2
- E9C3BF
- EDCFCB
- F2DBD8
- F6E7E5
- FBF3F2
Shades
- B3766F
- 98645E
- 7F534E
- 66423E
- 4E312E
- 38221F
- 231412
- 0F0706
- 020101
Tones
- C68881
- BF8881
- B78781
- AF8681
- A88581
- A08481
- 988381
- 908280
- 888180
Color harmonies
Complementary +180°
- CE8981
Island Coral
- 55ADB9
≈ Verditer Blue
Analogous -30° +30°
- CE8981
Island Coral
- CA879F
≈ Orchid Smoke
- C79068
≈ Butterum
Triadic +120° +240°
- CE8981
Island Coral
- 7AAD7E
≈ Summer Garden
- 859DD4
≈ Wisteria Blue
Split-complementary +150° +210°
- CE8981
Island Coral
- 5DB09C
≈ Green Crush
- 67A6CD
≈ Alaskan Blue
Tetradic +90° +180° +270°
- CE8981
Island Coral
- 9AA566
≈ Green Smoke
- 55ADB9
≈ Verditer Blue
- A393CD
≈ Gorgeous Hydrangea
Contrast & accessibility
Ag
FailOn white
WCAG 2.79:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.51:1 · APCA Lc 48
Best text color: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--island-coral: #ce8981;
--island-coral-rgb: 206 137 129;
--island-coral-oklch: oklch(0.698 0.086 26.8);
}
.element {
color: var(--island-coral);
background-color: hsl(6 44% 66%);
border-color: oklch(0.698 0.086 26.8);
}Tailwind CSS v4
@theme {
--color-island-coral: #ce8981;
--color-island-coral-50: #ffede7;
--color-island-coral-100: #ffded8;
--color-island-coral-200: #f7c7bf;
--color-island-coral-300: #e0a79e;
--color-island-coral-400: #cd8b83;
--color-island-coral-500: #b86f67;
--color-island-coral-600: #9c5e58;
--color-island-coral-700: #7d4b46;
--color-island-coral-800: #5d3633;
--color-island-coral-900: #412523;
--color-island-coral-950: #291312;
}SCSS
$island-coral: #ce8981;
$island-coral-rgb: 206, 137, 129;
$island-coral-light: mix(#fff, $island-coral, 20%);
$island-coral-dark: mix(#000, $island-coral, 20%);
.element {
color: $island-coral;
box-shadow: 0 0 0 2px rgba($island-coral, 0.35);
}