Adlandırılmış renk · #BFC298
Green Mist
Green Mist, #BFC298: rgb(191 194 152), hsl(64 26% 68%), oklch(0.801 0.057 111). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Green Mist color name →
#BFC298
oklch(0.801 0.057 111)
Renk dönüşümleri
- HEX
- #bfc298
- RGB
- rgb(191 194 152)
- HSL
- hsl(64 26% 68%)
- HWB
- hwb(64 60% 24%)
- OKLCH
- oklch(0.801 0.057 111)
- OKLab
- oklab(0.801 -0.02 0.053)
- CIE Lab
- lab(77.38 -6.28 20.87)
- LCH
- lch(77.38 21.79 106.7)
- CMYK
- cmyk(2% 0% 22% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C5C8A2
- CBCEAC
- D2D4B7
- D8DAC1
- DEE0CB
- E5E6D5
- EBEDE0
- F2F3EA
- F8F9F5
Koyu tonlar
- A6A884
- 8D8F70
- 75775C
- 5E604A
- 484938
- 333427
- 1F2017
- 0D0E08
- 020201
Gri tonlar
- B8BB96
- B2B494
- ACAE91
- A5A78F
- 9FA18D
- 999A8A
- 929388
- 8C8D85
- 868683
Renk uyumları
Tamamlayıcı +180°
- BFC298
Green Mist
- BDB8E1
≈ Melrose
Analog -30° +30°
- BFC298
Green Mist
- D1BB95
≈ Thermos
- ABC8A6
≈ Pastel Meadow
Üçlü +120° +240°
- BFC298
Green Mist
- 99C5DC
≈ Bobby Blue
- DCB0C2
≈ Private-Label Pink
Bölünmüş tamamlayıcı +150° +210°
- BFC298
Green Mist
- AABFE3
≈ Promise
- CFB3D5
≈ Sea Lavender
Dörtlü +90° +180° +270°
- BFC298
Green Mist
- 93CACD
≈ Jellyfish Blue
- BDB8E1
≈ Melrose
- E1B0AE
≈ Chewing Gum
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.84:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.38:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.38:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--green-mist: #bfc298;
--green-mist-rgb: 191 194 152;
--green-mist-oklch: oklch(0.801 0.057 111);
}
.element {
color: var(--green-mist);
background-color: hsl(64 26% 68%);
border-color: oklch(0.801 0.057 111);
}Tailwind CSS v4
@theme {
--color-green-mist: #bfc298;
--color-green-mist-50: #f5f7e5;
--color-green-mist-100: #e7ead5;
--color-green-mist-200: #d4d7bc;
--color-green-mist-300: #b7bb9a;
--color-green-mist-400: #9fa27b;
--color-green-mist-500: #878a5e;
--color-green-mist-600: #737550;
--color-green-mist-700: #5c5d40;
--color-green-mist-800: #44442d;
--color-green-mist-900: #2f2f1e;
--color-green-mist-950: #1b1c0e;
}SCSS
$green-mist: #bfc298;
$green-mist-rgb: 191, 194, 152;
$green-mist-light: mix(#fff, $green-mist, 20%);
$green-mist-dark: mix(#000, $green-mist, 20%);
.element {
color: $green-mist;
box-shadow: 0 0 0 2px rgba($green-mist, 0.35);
}