لون مسمّى · #B3CBAA
Relish
Relish هو #B3CBAA: rgb(179 203 170)، hsl(104 24% 73%)، oklch(0.815 0.052 137.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Relish color name →
#B3CBAA
oklch(0.815 0.052 137.2)
تحويلات الألوان
- HEX
- #b3cbaa
- RGB
- rgb(179 203 170)
- HSL
- hsl(104 24% 73%)
- HWB
- hwb(104 67% 20%)
- OKLCH
- oklch(0.815 0.052 137.2)
- OKLab
- oklab(0.815 -0.038 0.036)
- CIE Lab
- lab(79.2 -12.97 13.68)
- LCH
- lch(79.2 18.85 133.5)
- CMYK
- cmyk(12% 0% 16% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BAD0B2
- C2D5BB
- C9DAC3
- D1E0CC
- D9E5D4
- E0EADD
- E8EFE5
- F0F5EE
- F7FAF6
درجات داكنة
- 9BB093
- 84967D
- 6E7D68
- 586553
- 434D3F
- 2F372D
- 1D221B
- 0C0F0B
- 010201
درجات رمادية
- AEC3A6
- A9BCA2
- A3B49D
- 9EAC99
- 99A595
- 949D91
- 8F968D
- 8A8F88
- 858784
تناسق الألوان
متمم +180°
- B3CBAA
Relish
- D1B9D9
≈ Pussyfoot
متجاور -30° +30°
- B3CBAA
Relish
- C6C59F
≈ Watercress Pesto
- A3CEBC
≈ Tareyton
ثلاثي +120° +240°
- B3CBAA
Relish
- AEC4E5
≈ Water Wash
- E3B6B6
≈ Bistro Pink
متمم منقسم +150° +210°
- B3CBAA
Relish
- C0BEE3
≈ Pretty Posie
- DDB5C9
≈ Mental Floss
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.74:1 · APCA Lc 32
Ag
AAAعلى الأسود
WCAG 12.03:1 · APCA Lc 71
أفضل لون للنص: #000000
WCAG 12.03:1 (AAA) · APCA Lc 71
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--relish: #b3cbaa;
--relish-rgb: 179 203 170;
--relish-oklch: oklch(0.815 0.052 137.2);
}
.element {
color: var(--relish);
background-color: hsl(104 24% 73%);
border-color: oklch(0.815 0.052 137.2);
}Tailwind CSS v4
@theme {
--color-relish: #b3cbaa;
--color-relish-50: #eef9eb;
--color-relish-100: #dfecdc;
--color-relish-200: #c9dac5;
--color-relish-300: #aabea5;
--color-relish-400: #90a688;
--color-relish-500: #768f6d;
--color-relish-600: #64795c;
--color-relish-700: #506149;
--color-relish-800: #3b4734;
--color-relish-900: #283124;
--color-relish-950: #161d13;
}SCSS
$relish: #b3cbaa;
$relish-rgb: 179, 203, 170;
$relish-light: mix(#fff, $relish, 20%);
$relish-dark: mix(#000, $relish, 20%);
.element {
color: $relish;
box-shadow: 0 0 0 2px rgba($relish, 0.35);
}