Colore con nome · #788878
Bleached Grey
Bleached Grey è #788878: rgb(120 136 120), hsl(120 6% 50%), oklch(0.609 0.03 145.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Bleached Grey color name →
#788878
oklch(0.609 0.03 145.2)
Conversioni di colore
- HEX
- #788878
- RGB
- rgb(120 136 120)
- HSL
- hsl(120 6% 50%)
- HWB
- hwb(120 47% 47%)
- OKLCH
- oklch(0.609 0.03 145.2)
- OKLab
- oklab(0.609 -0.025 0.017)
- CIE Lab
- lab(55.04 -8.47 6.56)
- LCH
- lch(55.04 10.71 142.2)
- CMYK
- cmyk(12% 0% 12% 47%)
Tinte · Ombre · Toni
Tinte
- 859385
- 929F92
- 9FAA9F
- ACB6AC
- B9C2B9
- C7CEC7
- D5DAD5
- E3E6E3
- F1F3F1
Ombre
- 677567
- 576357
- 485248
- 394139
- 2A312A
- 1D221D
- 101310
- 050605
- 010101
Toni
- 798779
- 7A867A
- 7B867A
- 7B857B
- 7C847C
- 7D837D
- 7E827E
- 7E827E
- 7F817F
Armonie di colore
Complementare +180°
- 788878
Bleached Grey
- 8D7D8D
≈ Iced Orchid
Analogo -30° +30°
- 788878
Bleached Grey
- 828571
≈ Mudstone
- 718982
≈ Misty Moor
Triadico +120° +240°
- 788878
Bleached Grey
- 7A8396
≈ Stowaway
- 947C7A
≈ Warplock Bronze Metal
Complementare divisa +150° +210°
- 788878
Bleached Grey
- 848094
≈ Purpletone
- 937C84
≈ Purple Dove
Tetradico +90° +180° +270°
- 788878
Bleached Grey
- 728693
≈ Eastern Bluebird
- 8D7D8D
≈ Iced Orchid
- 927F72
≈ Tallarn Leather
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.75:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.59:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.59:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--bleached-grey: #788878;
--bleached-grey-rgb: 120 136 120;
--bleached-grey-oklch: oklch(0.609 0.03 145.2);
}
.element {
color: var(--bleached-grey);
background-color: hsl(120 6% 50%);
border-color: oklch(0.609 0.03 145.2);
}Tailwind CSS v4
@theme {
--color-bleached-grey: #788878;
--color-bleached-grey-50: #f0f8f0;
--color-bleached-grey-100: #e2ebe2;
--color-bleached-grey-200: #ccd8cd;
--color-bleached-grey-300: #aebcaf;
--color-bleached-grey-400: #94a394;
--color-bleached-grey-500: #7a8c7a;
--color-bleached-grey-600: #677667;
--color-bleached-grey-700: #535f53;
--color-bleached-grey-800: #3c453c;
--color-bleached-grey-900: #293029;
--color-bleached-grey-950: #171c17;
}SCSS
$bleached-grey: #788878;
$bleached-grey-rgb: 120, 136, 120;
$bleached-grey-light: mix(#fff, $bleached-grey, 20%);
$bleached-grey-dark: mix(#000, $bleached-grey, 20%);
.element {
color: $bleached-grey;
box-shadow: 0 0 0 2px rgba($bleached-grey, 0.35);
}