Colore con nome · #B5C1AC
Wedding Mint
Wedding Mint è #B5C1AC: rgb(181 193 172), hsl(94 14% 72%), oklch(0.796 0.032 131.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Wedding Mint color name →
#B5C1AC
oklch(0.796 0.032 131.6)
Conversioni di colore
- HEX
- #b5c1ac
- RGB
- rgb(181 193 172)
- HSL
- hsl(94 14% 72%)
- HWB
- hwb(94 67% 24%)
- OKLCH
- oklch(0.796 0.032 131.6)
- OKLab
- oklab(0.796 -0.021 0.024)
- CIE Lab
- lab(76.69 -7.16 9.13)
- LCH
- lch(76.69 11.6 128.1)
- CMYK
- cmyk(6% 0% 11% 24%)
Tinte · Ombre · Toni
Tinte
- BCC7B4
- C3CDBC
- CBD3C4
- D2D9CD
- D9E0D5
- E1E6DD
- E8ECE6
- F0F2EE
- F7F9F6
Ombre
- 9DA795
- 868F7F
- 6F7769
- 595F54
- 444940
- 30342D
- 1D201B
- 0C0E0B
- 020201
Toni
- B0BAA8
- AAB4A3
- A5AD9F
- 9FA69A
- 9AA096
- 959991
- 90938D
- 8A8D89
- 858684
Armonie di colore
Complementare +180°
- B5C1AC
Wedding Mint
- C3B7CC
≈ Delicate Mauve
Analogo -30° +30°
- B5C1AC
Wedding Mint
- C0BDA6
≈ Soft Putty
- ABC3B6
≈ Kind Green
Triadico +120° +240°
- B5C1AC
Wedding Mint
- AEBED1
≈ Sweet Blue
- D0B4B7
≈ Rose Stain
Complementare divisa +150° +210°
- B5C1AC
Wedding Mint
- B8BAD1
≈ Fragile
- CCB5C2
≈ Twilight Bloom
Tetradico +90° +180° +270°
- B5C1AC
Wedding Mint
- A7C2CB
≈ Memorybook Blue
- C3B7CC
≈ Delicate Mauve
- CFB6AD
≈ Sashay Sand
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.87:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.18:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.18:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--wedding-mint: #b5c1ac;
--wedding-mint-rgb: 181 193 172;
--wedding-mint-oklch: oklch(0.796 0.032 131.6);
}
.element {
color: var(--wedding-mint);
background-color: hsl(94 14% 72%);
border-color: oklch(0.796 0.032 131.6);
}Tailwind CSS v4
@theme {
--color-wedding-mint: #b5c1ac;
--color-wedding-mint-50: #f1f7ee;
--color-wedding-mint-100: #e4eae0;
--color-wedding-mint-200: #cfd7ca;
--color-wedding-mint-300: #b1bbab;
--color-wedding-mint-400: #98a38f;
--color-wedding-mint-500: #7f8b75;
--color-wedding-mint-600: #6b7663;
--color-wedding-mint-700: #565e4f;
--color-wedding-mint-800: #3f4539;
--color-wedding-mint-900: #2b2f27;
--color-wedding-mint-950: #191c15;
}SCSS
$wedding-mint: #b5c1ac;
$wedding-mint-rgb: 181, 193, 172;
$wedding-mint-light: mix(#fff, $wedding-mint, 20%);
$wedding-mint-dark: mix(#000, $wedding-mint, 20%);
.element {
color: $wedding-mint;
box-shadow: 0 0 0 2px rgba($wedding-mint, 0.35);
}