En yakın adlandırılmış renk · #B2CBB1
#B2CBB1
En yakın adlandırılmış renk: Gum Leaf
#B2CBB1 (rgb(178 203 177), hsl(118 20% 75%), oklch(0.816 0.045 144.1)) en çok Gum Leaf 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.
#B2CBB1
oklch(0.816 0.045 144.1)
Renk dönüşümleri
- HEX
- #b2cbb1
- RGB
- rgb(178 203 177)
- HSL
- hsl(118 20% 75%)
- HWB
- hwb(118 69% 20%)
- OKLCH
- oklch(0.816 0.045 144.1)
- OKLab
- oklab(0.816 -0.036 0.026)
- CIE Lab
- lab(79.26 -12.42 10.05)
- LCH
- lch(79.26 15.97 141)
- CMYK
- cmyk(12% 0% 13% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BAD0B9
- C1D5C0
- C9DAC8
- D0E0D0
- D8E5D8
- E0EADF
- E8EFE7
- EFF4EF
- F7FAF7
Koyu tonlar
- 9AB099
- 839683
- 6D7D6C
- 576557
- 434D42
- 2F372F
- 1D221C
- 0C0F0C
- 010201
Gri tonlar
- ADC3AC
- A8BCA7
- A3B4A2
- 9EAC9D
- 99A598
- 949D93
- 8F968E
- 8A8F8A
- 858785
Renk uyumları
Tamamlayıcı +180°
- B2CBB1
Gum Leaf
- D2BAD4
≈ Petite Purple
Analog -30° +30°
- B2CBB1
Gum Leaf
- C2C7A6
≈ Rejuvenate
- A6CDC1
≈ Swimming Pool Green
Üçlü +120° +240°
- B2CBB1
Gum Leaf
- B4C3E1
≈ Periwinkle Bud
- DFB8B5
≈ Cherry Tree
Bölünmüş tamamlayıcı +150° +210°
- B2CBB1
Gum Leaf
- C4BEDE
≈ Purple Dragon
- DCB7C5
≈ Kunzite
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.73:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 12.07:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 12.07:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--gum-leaf: #b2cbb1;
--gum-leaf-rgb: 178 203 177;
--gum-leaf-oklch: oklch(0.816 0.045 144.1);
}
.element {
color: var(--gum-leaf);
background-color: hsl(118 20% 75%);
border-color: oklch(0.816 0.045 144.1);
}Tailwind CSS v4
@theme {
--color-gum-leaf: #b2cbb1;
--color-gum-leaf-50: #edf9ee;
--color-gum-leaf-100: #dfecdf;
--color-gum-leaf-200: #c9dac9;
--color-gum-leaf-300: #a9beaa;
--color-gum-leaf-400: #8fa68e;
--color-gum-leaf-500: #748e74;
--color-gum-leaf-600: #637862;
--color-gum-leaf-700: #4f604e;
--color-gum-leaf-800: #3a4738;
--color-gum-leaf-900: #283126;
--color-gum-leaf-950: #161d15;
}SCSS
$gum-leaf: #b2cbb1;
$gum-leaf-rgb: 178, 203, 177;
$gum-leaf-light: mix(#fff, $gum-leaf, 20%);
$gum-leaf-dark: mix(#000, $gum-leaf, 20%);
.element {
color: $gum-leaf;
box-shadow: 0 0 0 2px rgba($gum-leaf, 0.35);
}