Colore con nome · #AFB796
Moss Print
Moss Print è #AFB796: rgb(175 183 150), hsl(75 19% 65%), oklch(0.764 0.046 118.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Moss Print color name →
#AFB796
oklch(0.764 0.046 118.6)
Conversioni di colore
- HEX
- #afb796
- RGB
- rgb(175 183 150)
- HSL
- hsl(75 19% 65%)
- HWB
- hwb(75 59% 28%)
- OKLCH
- oklch(0.764 0.046 118.6)
- OKLab
- oklab(0.764 -0.022 0.041)
- CIE Lab
- lab(73.11 -7.22 15.86)
- LCH
- lch(73.11 17.43 114.5)
- CMYK
- cmyk(4% 0% 18% 28%)
Tinte · Ombre · Toni
Tinte
- B7BEA0
- BFC5AA
- C6CCB5
- CED3BF
- D6DBCA
- DEE2D4
- E6E9DF
- EFF0E9
- F7F8F4
Ombre
- 989F82
- 81876E
- 6B705B
- 565A49
- 414537
- 2E3126
- 1C1E16
- 0B0C08
- 010201
Toni
- AAB194
- A5AC92
- A1A690
- 9CA18D
- 979B8B
- 929689
- 8E9087
- 898B85
- 858582
Armonie di colore
Complementare +180°
- AFB796
Moss Print
- B6ADCD
≈ Lavender Dream
Analogo -30° +30°
- AFB796
Moss Print
- BEB191
≈ Terminatus Stone
- 9FBBA2
≈ Reeds
Triadico +120° +240°
- AFB796
Moss Print
- 98B7CD
≈ Sea Mark
- CCA7B2
≈ Lady Flower
Complementare divisa +150° +210°
- AFB796
Moss Print
- A6B2D1
≈ Awesome Violet
- C4A8C1
≈ Linnea Blossom
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.09:1 · APCA Lc 41
Ag
AAASu nero
WCAG 10.03:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 10.03:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--moss-print: #afb796;
--moss-print-rgb: 175 183 150;
--moss-print-oklch: oklch(0.764 0.046 118.6);
}
.element {
color: var(--moss-print);
background-color: hsl(75 19% 65%);
border-color: oklch(0.764 0.046 118.6);
}Tailwind CSS v4
@theme {
--color-moss-print: #afb796;
--color-moss-print-50: #f3f7e9;
--color-moss-print-100: #e5eada;
--color-moss-print-200: #d1d8c2;
--color-moss-print-300: #b4bba1;
--color-moss-print-400: #9ba384;
--color-moss-print-500: #838b68;
--color-moss-print-600: #6f7558;
--color-moss-print-700: #585e46;
--color-moss-print-800: #414532;
--color-moss-print-900: #2d2f22;
--color-moss-print-950: #1a1c11;
}SCSS
$moss-print: #afb796;
$moss-print-rgb: 175, 183, 150;
$moss-print-light: mix(#fff, $moss-print, 20%);
$moss-print-dark: mix(#000, $moss-print, 20%);
.element {
color: $moss-print;
box-shadow: 0 0 0 2px rgba($moss-print, 0.35);
}