Adlandırılmış renk · #B9E1C2
Lattice Work
Lattice Work, #B9E1C2: rgb(185 225 194), hsl(134 40% 80%), oklch(0.873 0.06 151.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Lattice Work color name →
#B9E1C2
oklch(0.873 0.06 151.8)
Renk dönüşümleri
- HEX
- #b9e1c2
- RGB
- rgb(185 225 194)
- HSL
- hsl(134 40% 80%)
- HWB
- hwb(134 73% 12%)
- OKLCH
- oklch(0.873 0.06 151.8)
- OKLab
- oklab(0.873 -0.053 0.028)
- CIE Lab
- lab(86.03 -18.02 10.7)
- LCH
- lch(86.03 20.95 149.3)
- CMYK
- cmyk(18% 0% 14% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C0E4C8
- C7E7CE
- CEEAD4
- D5EDDA
- DCF0E0
- E3F3E6
- EAF6ED
- F1F9F3
- F8FCF9
Koyu tonlar
- A0C4A8
- 89A78F
- 718B77
- 5B7060
- 465649
- 313E34
- 1E2720
- 0D120E
- 020202
Gri tonlar
- B3D7BB
- AECDB4
- A8C3AE
- A2B9A7
- 9DAFA1
- 97A69A
- 919C93
- 8B938D
- 868986
Renk uyumları
Tamamlayıcı +180°
- B9E1C2
Lattice Work
- EDC7E7
≈ Sugar High
Analog -30° +30°
- B9E1C2
Lattice Work
- CEDCB1
≈ Chameleon
- AAE3D8
≈ Capri Water Blue
Üçlü +120° +240°
- B9E1C2
Lattice Work
- C7D4FD
≈ Pale Phthalo Blue
- FAC7BD
≈ Dress Up
Bölünmüş tamamlayıcı +150° +210°
- B9E1C2
Lattice Work
- DCCDF7
≈ Pale Lavender
- F8C5D2
≈ Sullivan’s Heart
Dörtlü +90° +180° +270°
- B9E1C2
Lattice Work
- B3DBFA
≈ Endless Horizon
- EDC7E7
≈ Sugar High
- F3CDAE
≈ Cosy Coverlet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.43:1 · APCA Lc 21
Ag
AAASiyah üzerinde
WCAG 14.61:1 · APCA Lc 82
En iyi metin rengi: #000000
WCAG 14.61:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--lattice-work: #b9e1c2;
--lattice-work-rgb: 185 225 194;
--lattice-work-oklch: oklch(0.873 0.06 151.8);
}
.element {
color: var(--lattice-work);
background-color: hsl(134 40% 80%);
border-color: oklch(0.873 0.06 151.8);
}Tailwind CSS v4
@theme {
--color-lattice-work: #b9e1c2;
--color-lattice-work-50: #e9fbed;
--color-lattice-work-100: #d9eedf;
--color-lattice-work-200: #c2dcc9;
--color-lattice-work-300: #a1c1aa;
--color-lattice-work-400: #85a98d;
--color-lattice-work-500: #689273;
--color-lattice-work-600: #597b61;
--color-lattice-work-700: #47634e;
--color-lattice-work-800: #344837;
--color-lattice-work-900: #233226;
--color-lattice-work-950: #121e14;
}SCSS
$lattice-work: #b9e1c2;
$lattice-work-rgb: 185, 225, 194;
$lattice-work-light: mix(#fff, $lattice-work, 20%);
$lattice-work-dark: mix(#000, $lattice-work, 20%);
.element {
color: $lattice-work;
box-shadow: 0 0 0 2px rgba($lattice-work, 0.35);
}