Colore con nome · #C5988C
Persian Bazaar
Persian Bazaar è #C5988C: rgb(197 152 140), hsl(13 33% 66%), oklch(0.719 0.057 35.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Persian Bazaar color name →
#C5988C
oklch(0.719 0.057 35.4)
Conversioni di colore
- HEX
- #c5988c
- RGB
- rgb(197 152 140)
- HSL
- hsl(13 33% 66%)
- HWB
- hwb(13 55% 23%)
- OKLCH
- oklch(0.719 0.057 35.4)
- OKLab
- oklab(0.719 0.047 0.033)
- CIE Lab
- lab(66.92 16.09 13.16)
- LCH
- lch(66.92 20.79 39.3)
- CMYK
- cmyk(0% 23% 29% 23%)
Tinte · Ombre · Toni
Tinte
- CBA297
- D1ACA2
- D7B6AD
- DDC0B9
- E3CBC4
- E8D5D0
- EEDFDB
- F4EAE7
- F9F4F3
Ombre
- AB8479
- 927067
- 795C55
- 614A43
- 4B3833
- 352723
- 211714
- 0E0807
- 020101
Toni
- BE968B
- B7938A
- B09189
- A98F87
- A38C86
- 9C8A85
- 958784
- 8E8583
- 878281
Armonie di colore
Complementare +180°
- C5988C
Persian Bazaar
- 7BAEBB
≈ November Skies
Analogo -30° +30°
- C5988C
Persian Bazaar
- C4969F
≈ Rose Meadow
- BE9D7F
≈ Tailored Tan
Triadico +120° +240°
- C5988C
Persian Bazaar
- 88AF95
≈ Covent Garden
- 9AA2C9
≈ Fields of Heather
Complementare divisa +150° +210°
- C5988C
Persian Bazaar
- 7BB0A9
≈ Galaxy Green
- 87A8C6
≈ Dresden Doll
Tetradico +90° +180° +270°
- C5988C
Persian Bazaar
- 9CAB84
≈ Cucumber Crush
- 7BAEBB
≈ November Skies
- AD9CC1
≈ Evening Slipper
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.54:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.24:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.24:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--persian-bazaar: #c5988c;
--persian-bazaar-rgb: 197 152 140;
--persian-bazaar-oklch: oklch(0.719 0.057 35.4);
}
.element {
color: var(--persian-bazaar);
background-color: hsl(13 33% 66%);
border-color: oklch(0.719 0.057 35.4);
}Tailwind CSS v4
@theme {
--color-persian-bazaar: #c5988c;
--color-persian-bazaar-50: #fff0ea;
--color-persian-bazaar-100: #fae2db;
--color-persian-bazaar-200: #ebccc3;
--color-persian-bazaar-300: #d3aea3;
--color-persian-bazaar-400: #bd9388;
--color-persian-bazaar-500: #a8796c;
--color-persian-bazaar-600: #8e665c;
--color-persian-bazaar-700: #725249;
--color-persian-bazaar-800: #543b36;
--color-persian-bazaar-900: #3b2924;
--color-persian-bazaar-950: #251613;
}SCSS
$persian-bazaar: #c5988c;
$persian-bazaar-rgb: 197, 152, 140;
$persian-bazaar-light: mix(#fff, $persian-bazaar, 20%);
$persian-bazaar-dark: mix(#000, $persian-bazaar, 20%);
.element {
color: $persian-bazaar;
box-shadow: 0 0 0 2px rgba($persian-bazaar, 0.35);
}