Named color · #E597B2
Usu Koubai Blossom
Usu Koubai Blossom is #E597B2: rgb(229 151 178), hsl(339 60% 75%), oklch(0.762 0.099 357.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Usu Koubai Blossom color name →
#E597B2
oklch(0.762 0.099 357.4)
Color conversions
- HEX
- #e597b2
- RGB
- rgb(229 151 178)
- HSL
- hsl(339 60% 75%)
- HWB
- hwb(339 59% 10%)
- OKLCH
- oklch(0.762 0.099 357.4)
- OKLab
- oklab(0.762 0.099 -0.005)
- CIE Lab
- lab(71.09 32.78 -1.38)
- LCH
- lch(71.09 32.81 357.6)
- CMYK
- cmyk(0% 34% 22% 10%)
Tints · Shades · Tones
Tints
- E8A1B9
- ECACC1
- EFB6C9
- F2C0D0
- F4CBD8
- F7D5E0
- F9E0E7
- FBEAEF
- FDF5F7
Shades
- C7839A
- AA6F83
- 8E5C6D
- 724957
- 583743
- 3F262F
- 28171D
- 12080C
- 030101
Tones
- DB95AD
- D193A8
- C791A3
- BD8F9E
- B38C99
- A98A94
- 9F888F
- 95858A
- 8A8385
Color harmonies
Complementary +180°
- E597B2
Usu Koubai Blossom
- 63C6B1
≈ Cockatoo
Analogous -30° +30°
- E597B2
Usu Koubai Blossom
- D49BD2
≈ Velvet Horizon
- EA998F
≈ Salmon Salt
Triadic +120° +240°
- E597B2
Usu Koubai Blossom
- ADBA70
≈ Lime Rickey
- 71BBE9
≈ Norfolk Sky
Split-complementary +150° +210°
- E597B2
Usu Koubai Blossom
- 86C38D
≈ Greengage
- 59C3D2
≈ Baharroth Blue
Tetradic +90° +180° +270°
- E597B2
Usu Koubai Blossom
- CCAE65
≈ Desert
- 63C6B1
≈ Cockatoo
- 96B0F1
≈ Wondrous Wisteria
Contrast & accessibility
Ag
FailOn white
WCAG 2.23:1 · APCA Lc 44
Ag
AAAOn black
WCAG 9.40:1 · APCA Lc 58
Best text color: #000000
WCAG 9.40:1 (AAA) · APCA Lc 58
Contrast pairs
Code snippets
CSS
:root {
--usu-koubai-blossom: #e597b2;
--usu-koubai-blossom-rgb: 229 151 178;
--usu-koubai-blossom-oklch: oklch(0.762 0.099 357.4);
}
.element {
color: var(--usu-koubai-blossom);
background-color: hsl(339 60% 75%);
border-color: oklch(0.762 0.099 357.4);
}Tailwind CSS v4
@theme {
--color-usu-koubai-blossom: #e597b2;
--color-usu-koubai-blossom-50: #ffeaf4;
--color-usu-koubai-blossom-100: #ffdbe7;
--color-usu-koubai-blossom-200: #f9c3d3;
--color-usu-koubai-blossom-300: #e2a3b6;
--color-usu-koubai-blossom-400: #ce869f;
--color-usu-koubai-blossom-500: #ba6987;
--color-usu-koubai-blossom-600: #9d5972;
--color-usu-koubai-blossom-700: #7e475b;
--color-usu-koubai-blossom-800: #5d3344;
--color-usu-koubai-blossom-900: #41232f;
--color-usu-koubai-blossom-950: #2a121b;
}SCSS
$usu-koubai-blossom: #e597b2;
$usu-koubai-blossom-rgb: 229, 151, 178;
$usu-koubai-blossom-light: mix(#fff, $usu-koubai-blossom, 20%);
$usu-koubai-blossom-dark: mix(#000, $usu-koubai-blossom, 20%);
.element {
color: $usu-koubai-blossom;
box-shadow: 0 0 0 2px rgba($usu-koubai-blossom, 0.35);
}