Colore con nome · #7A958C
Brimming Over
Brimming Over è #7A958C: rgb(122 149 140), hsl(160 11% 53%), oklch(0.646 0.033 173). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Brimming Over color name →
#7A958C
oklch(0.646 0.033 173)
Conversioni di colore
- HEX
- #7a958c
- RGB
- rgb(122 149 140)
- HSL
- hsl(160 11% 53%)
- HWB
- hwb(160 48% 42%)
- OKLCH
- oklch(0.646 0.033 173)
- OKLab
- oklab(0.646 -0.033 0.004)
- CIE Lab
- lab(59.4 -11.31 1.44)
- LCH
- lch(59.4 11.4 172.7)
- CMYK
- cmyk(18% 0% 6% 42%)
Tinte · Ombre · Toni
Tinte
- 879F97
- 94A9A2
- A1B4AD
- AEBEB8
- BBC9C4
- C8D3CF
- D6DEDB
- E3E9E7
- F1F4F3
Ombre
- 698179
- 596D67
- 495A55
- 3A4843
- 2B3733
- 1D2623
- 101614
- 050807
- 010101
Toni
- 7B938B
- 7B918A
- 7C8F88
- 7D8D87
- 7D8B86
- 7E8885
- 7F8684
- 7F8482
- 808281
Armonie di colore
Complementare +180°
- 7A958C
Brimming Over
- 9F8690
≈ Dream Sunset
Analogo -30° +30°
- 7A958C
Brimming Over
- 839481
≈ Silver Linden Grey
- 779497
≈ Classic Damask
Triadico +120° +240°
- 7A958C
Brimming Over
- 8E8BA1
≈ Antiquate
- 9F897C
≈ Aspiration
Complementare divisa +150° +210°
- 7A958C
Brimming Over
- 98889A
≈ Amethyst Smoke
- A28785
≈ Rosaline Pearl
Tetradico +90° +180° +270°
- 7A958C
Brimming Over
- 838EA3
≈ Montage
- 9F8690
≈ Dream Sunset
- 988D77
≈ Peat Swamp Forest
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.22:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.50:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.50:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--brimming-over: #7a958c;
--brimming-over-rgb: 122 149 140;
--brimming-over-oklch: oklch(0.646 0.033 173);
}
.element {
color: var(--brimming-over);
background-color: hsl(160 11% 53%);
border-color: oklch(0.646 0.033 173);
}Tailwind CSS v4
@theme {
--color-brimming-over: #7a958c;
--color-brimming-over-50: #ecf8f4;
--color-brimming-over-100: #ddece7;
--color-brimming-over-200: #c6d9d3;
--color-brimming-over-300: #a7bdb6;
--color-brimming-over-400: #8ba59c;
--color-brimming-over-500: #708e84;
--color-brimming-over-600: #5f7870;
--color-brimming-over-700: #4c6059;
--color-brimming-over-800: #374641;
--color-brimming-over-900: #26312d;
--color-brimming-over-950: #141d1a;
}SCSS
$brimming-over: #7a958c;
$brimming-over-rgb: 122, 149, 140;
$brimming-over-light: mix(#fff, $brimming-over, 20%);
$brimming-over-dark: mix(#000, $brimming-over, 20%);
.element {
color: $brimming-over;
box-shadow: 0 0 0 2px rgba($brimming-over, 0.35);
}