Adlandırılmış renk · #B1B7A1
Mellow Mood
Mellow Mood, #B1B7A1: rgb(177 183 161), hsl(76 13% 67%), oklch(0.769 0.031 119.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Mellow Mood color name →
#B1B7A1
oklch(0.769 0.031 119.5)
Renk dönüşümleri
- HEX
- #b1b7a1
- RGB
- rgb(177 183 161)
- HSL
- hsl(76 13% 67%)
- HWB
- hwb(76 63% 28%)
- OKLCH
- oklch(0.769 0.031 119.5)
- OKLab
- oklab(0.769 -0.015 0.027)
- CIE Lab
- lab(73.47 -5.13 10.48)
- LCH
- lch(73.47 11.67 116.1)
- CMYK
- cmyk(3% 0% 12% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B9BEAA
- C0C5B3
- C8CCBD
- D0D3C6
- D7DBCF
- DFE2D9
- E7E9E2
- EFF0EC
- F7F8F5
Koyu tonlar
- 999F8B
- 838776
- 6C7062
- 575A4E
- 42453C
- 2F312A
- 1C1E19
- 0C0C09
- 010201
Gri tonlar
- ACB19E
- A7AC9A
- A2A697
- 9DA194
- 989B90
- 93968D
- 8E908A
- 8A8B87
- 858583
Renk uyumları
Tamamlayıcı +180°
- B1B7A1
Mellow Mood
- B6B0C5
≈ Violet Bouquet
Analog -30° +30°
- B1B7A1
Mellow Mood
- BCB39E
≈ Polished Stone
- A7BAA9
≈ Rockfall
Üçlü +120° +240°
- B1B7A1
Mellow Mood
- A2B7C6
≈ Country Air
- C6ACB3
≈ Velvet Ears
Bölünmüş tamamlayıcı +150° +210°
- B1B7A1
Mellow Mood
- ACB3C8
≈ Perseverance
- C0ADBE
≈ Lavender Frost
Dörtlü +90° +180° +270°
- B1B7A1
Mellow Mood
- 9EBABF
≈ Hopeful Blue
- B6B0C5
≈ Violet Bouquet
- C7ADA8
≈ Wispy Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.06:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.15:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--mellow-mood: #b1b7a1;
--mellow-mood-rgb: 177 183 161;
--mellow-mood-oklch: oklch(0.769 0.031 119.5);
}
.element {
color: var(--mellow-mood);
background-color: hsl(76 13% 67%);
border-color: oklch(0.769 0.031 119.5);
}Tailwind CSS v4
@theme {
--color-mellow-mood: #b1b7a1;
--color-mellow-mood-50: #f3f7ed;
--color-mellow-mood-100: #e6eade;
--color-mellow-mood-200: #d2d7c8;
--color-mellow-mood-300: #b5baa9;
--color-mellow-mood-400: #9ca18d;
--color-mellow-mood-500: #838972;
--color-mellow-mood-600: #6f7461;
--color-mellow-mood-700: #595d4d;
--color-mellow-mood-800: #414438;
--color-mellow-mood-900: #2d2f26;
--color-mellow-mood-950: #1a1b15;
}SCSS
$mellow-mood: #b1b7a1;
$mellow-mood-rgb: 177, 183, 161;
$mellow-mood-light: mix(#fff, $mellow-mood, 20%);
$mellow-mood-dark: mix(#000, $mellow-mood, 20%);
.element {
color: $mellow-mood;
box-shadow: 0 0 0 2px rgba($mellow-mood, 0.35);
}