Nearest named color · #CB2B53
#CB2B53
Nearest named color: Love Surge
#CB2B53 (rgb(203 43 83), hsl(345 65% 48%), oklch(0.557 0.195 12.6)) is closest to the named color Love Surge. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CB2B53
oklch(0.557 0.195 12.6)
Color conversions
- HEX
- #cb2b53
- RGB
- rgb(203 43 83)
- HSL
- hsl(345 65% 48%)
- HWB
- hwb(345 17% 20%)
- OKLCH
- oklch(0.557 0.195 12.6)
- OKLab
- oklab(0.557 0.19 0.042)
- CIE Lab
- lab(46.37 63.09 18.65)
- LCH
- lch(46.37 65.78 16.5)
- CMYK
- cmyk(0% 79% 59% 20%)
Tints · Shades · Tones
Tints
- D34863
- DB5F73
- E27584
- E88994
- EE9DA6
- F3B1B7
- F7C4C9
- FBD8DA
- FDEBED
Shades
- B02447
- 961D3B
- 7D1630
- 651025
- 4D0A1B
- 370511
- 220208
- 0F0102
- 020000
Tones
- C53A58
- BF465C
- B95061
- B25965
- AB606A
- A4686E
- 9C6E73
- 937477
- 8A7A7C
Color harmonies
Complementary +180°
- CB2B53
Love Surge
- 008582
≈ Green Lapis
Analogous -30° +30°
- CB2B53
Love Surge
- BA3492
≈ Lust Priestess
- BF4800
≈ Brick Orange
Triadic +120° +240°
- CB2B53
Love Surge
- 4D8500
≈ Kelp Forest
- 0074D3
≈ Bright Navy Blue
Split-complementary +150° +210°
- CB2B53
Love Surge
- 00895E
≈ Absinthe Turquoise
- 00809F
≈ Best of Both Worlds
Tetradic +90° +180° +270°
- CB2B53
Love Surge
- 817500
≈ Tool Green
- 008582
≈ Green Lapis
- 685BDF
≈ Exodus Fruit
Contrast & accessibility
Ag
AAOn white
WCAG 5.23:1 · APCA Lc 74
Ag
FailOn black
WCAG 4.00:1 · APCA Lc 27
Best text color: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--love-surge: #cb2b53;
--love-surge-rgb: 203 43 83;
--love-surge-oklch: oklch(0.557 0.195 12.6);
}
.element {
color: var(--love-surge);
background-color: hsl(345 65% 48%);
border-color: oklch(0.557 0.195 12.6);
}Tailwind CSS v4
@theme {
--color-love-surge: #cb2b53;
--color-love-surge-50: #ffdfe4;
--color-love-surge-100: #ffced3;
--color-love-surge-200: #ffb1ba;
--color-love-surge-300: #ff8a98;
--color-love-surge-400: #fb647e;
--color-love-surge-500: #e93561;
--color-love-surge-600: #c53053;
--color-love-surge-700: #9f2642;
--color-love-surge-800: #761a32;
--color-love-surge-900: #531122;
--color-love-surge-950: #370211;
}SCSS
$love-surge: #cb2b53;
$love-surge-rgb: 203, 43, 83;
$love-surge-light: mix(#fff, $love-surge, 20%);
$love-surge-dark: mix(#000, $love-surge, 20%);
.element {
color: $love-surge;
box-shadow: 0 0 0 2px rgba($love-surge, 0.35);
}