لون مسمّى · #B4CCBE
Sweet Mint
Sweet Mint هو #B4CCBE: rgb(180 204 190)، hsl(145 19% 75%)، oklch(0.823 0.032 160.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Sweet Mint color name →
#B4CCBE
oklch(0.823 0.032 160.1)
تحويلات الألوان
- HEX
- #b4ccbe
- RGB
- rgb(180 204 190)
- HSL
- hsl(145 19% 75%)
- HWB
- hwb(145 71% 20%)
- OKLCH
- oklch(0.823 0.032 160.1)
- OKLab
- oklab(0.823 -0.03 0.011)
- CIE Lab
- lab(79.93 -10.41 4.12)
- LCH
- lch(79.93 11.2 158.4)
- CMYK
- cmyk(12% 0% 7% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BBD1C4
- C3D6CB
- CADBD1
- D2E0D8
- D9E5DE
- E1EAE5
- E8F0EB
- F0F5F2
- F7FAF8
درجات داكنة
- 9CB1A5
- 85978C
- 6E7E75
- 58655E
- 444E48
- 303733
- 1D221F
- 0C0F0D
- 020202
درجات رمادية
- AFC4B8
- A9BCB1
- A4B5AB
- 9FADA5
- 9AA59E
- 959E98
- 8F9692
- 8A8F8C
- 858786
تناسق الألوان
متمم +180°
- B4CCBE
Sweet Mint
- D4BDCC
≈ Tamed Beauty
متجاور -30° +30°
- B4CCBE
Sweet Mint
- BECAB4
≈ Bok Choy
- AECCCA
≈ Baroque Chalk Soft Blue
ثلاثي +120° +240°
- B4CCBE
Sweet Mint
- C0C3DA
≈ Lavender Sachet
- D9BFB6
≈ Peach Blush
متمم منقسم +150° +210°
- B4CCBE
Sweet Mint
- CCC0D5
≈ Awesome Aura
- D9BDC0
≈ Lilac Buds
رباعي +90° +180° +270°
- B4CCBE
Sweet Mint
- B6C7DA
≈ Blue Ballerina
- D4BDCC
≈ Tamed Beauty
- D3C2AF
≈ Avenue Tan
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.70:1 · APCA Lc 31
Ag
AAAعلى الأسود
WCAG 12.32:1 · APCA Lc 72
أفضل لون للنص: #000000
WCAG 12.32:1 (AAA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sweet-mint: #b4ccbe;
--sweet-mint-rgb: 180 204 190;
--sweet-mint-oklch: oklch(0.823 0.032 160.1);
}
.element {
color: var(--sweet-mint);
background-color: hsl(145 19% 75%);
border-color: oklch(0.823 0.032 160.1);
}Tailwind CSS v4
@theme {
--color-sweet-mint: #b4ccbe;
--color-sweet-mint-50: #edf8f2;
--color-sweet-mint-100: #dfebe5;
--color-sweet-mint-200: #c9d9d0;
--color-sweet-mint-300: #a9bdb2;
--color-sweet-mint-400: #8fa598;
--color-sweet-mint-500: #748d7f;
--color-sweet-mint-600: #63776b;
--color-sweet-mint-700: #4f6056;
--color-sweet-mint-800: #39463e;
--color-sweet-mint-900: #27302b;
--color-sweet-mint-950: #151d18;
}SCSS
$sweet-mint: #b4ccbe;
$sweet-mint-rgb: 180, 204, 190;
$sweet-mint-light: mix(#fff, $sweet-mint, 20%);
$sweet-mint-dark: mix(#000, $sweet-mint, 20%);
.element {
color: $sweet-mint;
box-shadow: 0 0 0 2px rgba($sweet-mint, 0.35);
}