Najbliższy nazwany kolor · #B3576D
#B3576D
Najbliższy nazwany kolor: Extravagant Blush
#B3576D (rgb(179 87 109), hsl(346 38% 52%), oklch(0.575 0.121 6.5)) jest najbliższy nazwanemu kolorowi Extravagant Blush. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B3576D
oklch(0.575 0.121 6.5)
Konwersje koloru
- HEX
- #b3576d
- RGB
- rgb(179 87 109)
- HSL
- hsl(346 38% 52%)
- HWB
- hwb(346 34% 30%)
- OKLCH
- oklch(0.575 0.121 6.5)
- OKLab
- oklab(0.575 0.12 0.014)
- CIE Lab
- lab(49.24 39.8 5.94)
- LCH
- lch(49.24 40.24 8.5)
- CMYK
- cmyk(0% 51% 39% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BC687B
- C57888
- CD8996
- D59AA5
- DDAAB3
- E4BBC2
- EBCCD1
- F2DDE0
- F9EEEF
Odcienie ciemniejsze
- 9B4B5E
- 843E4F
- 6E3341
- 582733
- 431C26
- 2F1219
- 1D080D
- 0C0304
- 010001
Tony
- AF5C6F
- AA6171
- A66573
- A16975
- 9C6E76
- 977278
- 92757A
- 8C797C
- 867D7E
Harmonie kolorów
Komplementarna +180°
- B3576D
Extravagant Blush
- 008C82
≈ Clear Turquoise
Analogowa -30° +30°
- B3576D
Extravagant Blush
- A55B93
≈ Cyclamen Red
- B45C43
≈ Karacha Red
Triada +120° +240°
- B3576D
Extravagant Blush
- 66852D
≈ Stamnankáthi Green
- 317EBC
≈ Amalfi Coast
Komplementarna rozszczepiona +150° +210°
- B3576D
Extravagant Blush
- 298E5A
≈ Lake Green
- 0087A0
≈ Gogo Blue
Tetrada +90° +180° +270°
- B3576D
Extravagant Blush
- 8D7800
≈ Jīn Zōng Gold
- 008C82
≈ Clear Turquoise
- 6771BF
≈ Gladiola Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.66:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.50:1 · APCA Lc 30
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--extravagant-blush: #b3576d;
--extravagant-blush-rgb: 179 87 109;
--extravagant-blush-oklch: oklch(0.575 0.121 6.5);
}
.element {
color: var(--extravagant-blush);
background-color: hsl(346 38% 52%);
border-color: oklch(0.575 0.121 6.5);
}Tailwind CSS v4
@theme {
--color-extravagant-blush: #b3576d;
--color-extravagant-blush-50: #ffe8ee;
--color-extravagant-blush-100: #ffd8e0;
--color-extravagant-blush-200: #ffbfca;
--color-extravagant-blush-300: #ee9dab;
--color-extravagant-blush-400: #da7f93;
--color-extravagant-blush-500: #c76079;
--color-extravagant-blush-600: #a85266;
--color-extravagant-blush-700: #874152;
--color-extravagant-blush-800: #642f3d;
--color-extravagant-blush-900: #46202a;
--color-extravagant-blush-950: #2e0f18;
}SCSS
$extravagant-blush: #b3576d;
$extravagant-blush-rgb: 179, 87, 109;
$extravagant-blush-light: mix(#fff, $extravagant-blush, 20%);
$extravagant-blush-dark: mix(#000, $extravagant-blush, 20%);
.element {
color: $extravagant-blush;
box-shadow: 0 0 0 2px rgba($extravagant-blush, 0.35);
}