Dichtstbijzijnde benoemde kleur · #CB2766
#CB2766
Dichtstbijzijnde benoemde kleur: Spicy Berry
#CB2766 (rgb(203 39 102), hsl(337 68% 47%), oklch(0.559 0.201 4.2)) komt het dichtst bij de benoemde kleur Spicy Berry. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#CB2766
oklch(0.559 0.201 4.2)
Kleurconversies
- HEX
- #cb2766
- RGB
- rgb(203 39 102)
- HSL
- hsl(337 68% 47%)
- HWB
- hwb(337 15% 20%)
- OKLCH
- oklch(0.559 0.201 4.2)
- OKLab
- oklab(0.559 0.2 0.015)
- CIE Lab
- lab(46.37 65.07 6.89)
- LCH
- lch(46.37 65.43 6)
- CMYK
- cmyk(0% 81% 50% 20%)
Tinten · Schaduwen · Tonen
Tinten
- D34574
- DB5D83
- E27391
- E888A0
- EE9CAF
- F3B0BF
- F7C4CF
- FBD7DF
- FDEBEF
Schaduwen
- B02058
- 961A4A
- 7D143C
- 650E2F
- 4D0823
- 370417
- 22020C
- 0F0104
- 020000
Tonen
- C53869
- BF446B
- B94E6E
- B25770
- AB5F73
- A46776
- 9C6E78
- 93747B
- 8A7A7D
Kleurharmonieën
Complementair +180°
- CB2766
Spicy Berry
- 00877B
≈ Mystic Turquoise
Analoog -30° +30°
- CB2766
Spicy Berry
- B536A3
≈ Byzantine
- CF3000
≈ Pleasant Pomegranate
Triadisch +120° +240°
- CB2766
Spicy Berry
- 638100
≈ Enchanted Forest
- 007ABF
≈ Star of Life
Gesplitst complementair +150° +210°
- CB2766
Spicy Berry
- 008B4C
≈ Real Turquoise
- 008297
≈ Cruising
Tetradisch +90° +180° +270°
- CB2766
Spicy Berry
- 8A7200
≈ Vermin Brown
- 00877B
≈ Mystic Turquoise
- 5560E7
≈ Arcane Brew
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.22:1 · APCA Lc 74
Ag
FailOp zwart
WCAG 4.02:1 · APCA Lc 27
Beste tekstkleur: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 74
Contrast pairs
Codefragmenten
CSS
:root {
--spicy-berry: #cb2766;
--spicy-berry-rgb: 203 39 102;
--spicy-berry-oklch: oklch(0.559 0.201 4.2);
}
.element {
color: var(--spicy-berry);
background-color: hsl(337 68% 47%);
border-color: oklch(0.559 0.201 4.2);
}Tailwind CSS v4
@theme {
--color-spicy-berry: #cb2766;
--color-spicy-berry-50: #ffdeec;
--color-spicy-berry-100: #ffccdd;
--color-spicy-berry-200: #ffafc7;
--color-spicy-berry-300: #ff87a7;
--color-spicy-berry-400: #fa6190;
--color-spicy-berry-500: #e83076;
--color-spicy-berry-600: #c42c64;
--color-spicy-berry-700: #9e2350;
--color-spicy-berry-800: #75173d;
--color-spicy-berry-900: #53102a;
--color-spicy-berry-950: #370117;
}SCSS
$spicy-berry: #cb2766;
$spicy-berry-rgb: 203, 39, 102;
$spicy-berry-light: mix(#fff, $spicy-berry, 20%);
$spicy-berry-dark: mix(#000, $spicy-berry, 20%);
.element {
color: $spicy-berry;
box-shadow: 0 0 0 2px rgba($spicy-berry, 0.35);
}