Colore con nome · #B0879B
Orchid Haze
Orchid Haze è #B0879B: rgb(176 135 155), hsl(331 21% 61%), oklch(0.669 0.057 347.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Orchid Haze color name →
#B0879B
oklch(0.669 0.057 347.9)
Conversioni di colore
- HEX
- #b0879b
- RGB
- rgb(176 135 155)
- HSL
- hsl(331 21% 61%)
- HWB
- hwb(331 53% 31%)
- OKLCH
- oklch(0.669 0.057 347.9)
- OKLab
- oklab(0.669 0.056 -0.012)
- CIE Lab
- lab(60.8 18.55 -4.32)
- LCH
- lch(60.8 19.05 346.9)
- CMYK
- cmyk(0% 23% 12% 31%)
Tinte · Ombre · Toni
Tinte
- B892A5
- C09EAE
- C8AAB8
- D0B6C2
- D8C2CC
- E0CED6
- E7DAE0
- EFE6EA
- F7F3F5
Ombre
- 997586
- 826372
- 6C515E
- 56414B
- 423139
- 2E2128
- 1C1318
- 0B0609
- 010101
Toni
- AB8698
- A78696
- A28593
- 9D8490
- 98848D
- 93838B
- 8F8288
- 8A8285
- 858183
Armonie di colore
Complementare +180°
- B0879B
Orchid Haze
- 72A08E
≈ Mizuasagi Green
Analogo -30° +30°
- B0879B
Orchid Haze
- A48AAC
≈ Violet Eclipse
- B58788
≈ Bashful Rose
Triadico +120° +240°
- B0879B
Orchid Haze
- 98986F
≈ Silk Road
- 709CB1
≈ Bluebird Feather
Complementare divisa +150° +210°
- B0879B
Orchid Haze
- 849E7C
≈ Grey Green
- 6AA0A1
≈ Folk Song
Tetradico +90° +180° +270°
- B0879B
Orchid Haze
- A8916D
≈ Ecosystem
- 72A08E
≈ Mizuasagi Green
- 7F96B8
≈ Denim Tradition
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.09:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.78:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.78:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--orchid-haze: #b0879b;
--orchid-haze-rgb: 176 135 155;
--orchid-haze-oklch: oklch(0.669 0.057 347.9);
}
.element {
color: var(--orchid-haze);
background-color: hsl(331 21% 61%);
border-color: oklch(0.669 0.057 347.9);
}Tailwind CSS v4
@theme {
--color-orchid-haze: #b0879b;
--color-orchid-haze-50: #ffeff7;
--color-orchid-haze-100: #f8e1ea;
--color-orchid-haze-200: #e8cbd8;
--color-orchid-haze-300: #cfacbb;
--color-orchid-haze-400: #b991a4;
--color-orchid-haze-500: #a3778d;
--color-orchid-haze-600: #8a6577;
--color-orchid-haze-700: #6f515f;
--color-orchid-haze-800: #513b47;
--color-orchid-haze-900: #392831;
--color-orchid-haze-950: #23161d;
}SCSS
$orchid-haze: #b0879b;
$orchid-haze-rgb: 176, 135, 155;
$orchid-haze-light: mix(#fff, $orchid-haze, 20%);
$orchid-haze-dark: mix(#000, $orchid-haze, 20%);
.element {
color: $orchid-haze;
box-shadow: 0 0 0 2px rgba($orchid-haze, 0.35);
}