En yakın adlandırılmış renk · #B1C79D
#B1C79D
En yakın adlandırılmış renk: Greenhorn
#B1C79D (rgb(177 199 157), hsl(91 27% 70%), oklch(0.802 0.062 130.2)) en çok Greenhorn adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#B1C79D
oklch(0.802 0.062 130.2)
Renk dönüşümleri
- HEX
- #b1c79d
- RGB
- rgb(177 199 157)
- HSL
- hsl(91 27% 70%)
- HWB
- hwb(91 62% 22%)
- OKLCH
- oklch(0.802 0.062 130.2)
- OKLab
- oklab(0.802 -0.04 0.048)
- CIE Lab
- lab(77.74 -13.39 18.5)
- LCH
- lch(77.74 22.84 125.9)
- CMYK
- cmyk(11% 0% 21% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B9CDA7
- C0D2B0
- C8D8BA
- D0DDC4
- D7E3CE
- DFE8D7
- E7EEE1
- EFF4EB
- F7F9F5
Koyu tonlar
- 99AD88
- 839373
- 6C7A5F
- 57624C
- 424C3A
- 2F3628
- 1C2118
- 0C0E09
- 010201
Gri tonlar
- ACC09A
- A7B897
- A2B195
- 9DAA92
- 98A38F
- 939C8C
- 8E9589
- 8A8E86
- 858783
Renk uyumları
Tamamlayıcı +180°
- B1C79D
Greenhorn
- CBB4DD
≈ Sea Lavender
Analog -30° +30°
- B1C79D
Greenhorn
- C7C092
≈ Lime Peel
- 9CCBB1
≈ Calculus
Üçlü +120° +240°
- B1C79D
Greenhorn
- A1C2E6
≈ Sky High
- E3AEB5
≈ Sakura
Bölünmüş tamamlayıcı +150° +210°
- B1C79D
Greenhorn
- B6BBE7
≈ Pretty Posie
- DBAFCB
≈ Pink Lavender
Dörtlü +90° +180° +270°
- B1C79D
Greenhorn
- 91C8DA
≈ Blue Glint
- CBB4DD
≈ Sea Lavender
- E3B2A0
≈ Prosciutto
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.82:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.52:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.52:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--greenhorn: #b1c79d;
--greenhorn-rgb: 177 199 157;
--greenhorn-oklch: oklch(0.802 0.062 130.2);
}
.element {
color: var(--greenhorn);
background-color: hsl(91 27% 70%);
border-color: oklch(0.802 0.062 130.2);
}Tailwind CSS v4
@theme {
--color-greenhorn: #b1c79d;
--color-greenhorn-50: #eff9e7;
--color-greenhorn-100: #e0edd7;
--color-greenhorn-200: #cadabf;
--color-greenhorn-300: #acbf9e;
--color-greenhorn-400: #92a680;
--color-greenhorn-500: #788f63;
--color-greenhorn-600: #667954;
--color-greenhorn-700: #516143;
--color-greenhorn-800: #3c472f;
--color-greenhorn-900: #293120;
--color-greenhorn-950: #171d10;
}SCSS
$greenhorn: #b1c79d;
$greenhorn-rgb: 177, 199, 157;
$greenhorn-light: mix(#fff, $greenhorn, 20%);
$greenhorn-dark: mix(#000, $greenhorn, 20%);
.element {
color: $greenhorn;
box-shadow: 0 0 0 2px rgba($greenhorn, 0.35);
}