Adlandırılmış renk · #6BC271
Bermudagrass
Bermudagrass, #6BC271: rgb(107 194 113), hsl(124 42% 59%), oklch(0.739 0.142 145.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Bermudagrass color name →
#6BC271
oklch(0.739 0.142 145.4)
Renk dönüşümleri
- HEX
- #6bc271
- RGB
- rgb(107 194 113)
- HSL
- hsl(124 42% 59%)
- HWB
- hwb(124 42% 24%)
- OKLCH
- oklch(0.739 0.142 145.4)
- OKLab
- oklab(0.739 -0.117 0.081)
- CIE Lab
- lab(71.52 -40.13 32.23)
- LCH
- lch(71.52 51.47 141.2)
- CMYK
- cmyk(45% 0% 42% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7BC87F
- 8BCF8E
- 9AD59C
- A9DBAA
- B7E1B8
- C6E7C6
- D4EDD4
- E2F3E2
- F1F9F1
Koyu tonlar
- 5CA861
- 4E8F52
- 3F7743
- 326035
- 254927
- 18341A
- 0D200E
- 040E04
- 000201
Gri tonlar
- 6FBB73
- 72B575
- 75AE77
- 77A879
- 79A17B
- 7B9B7C
- 7D947D
- 7E8D7E
- 7F877F
Renk uyumları
Tamamlayıcı +180°
- 6BC271
Bermudagrass
- D889DB
≈ Blush Essence
Analog -30° +30°
- 6BC271
Bermudagrass
- A7B53D
≈ Azeitona
- 00C6A6
≈ Jadeite
Üçlü +120° +240°
- 6BC271
Bermudagrass
- 82A8FF
≈ Fennel Flower
- F7847C
≈ Coral Pink
Bölünmüş tamamlayıcı +150° +210°
- 6BC271
Bermudagrass
- B297FA
≈ Dreamy Candy Forest
- EF82AE
≈ Brown Knapweed
Dörtlü +90° +180° +270°
- 6BC271
Bermudagrass
- 35B7F7
≈ Zima Blue
- D889DB
≈ Blush Essence
- EE9049
≈ Melon Orange
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.19:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.58:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--bermudagrass: #6bc271;
--bermudagrass-rgb: 107 194 113;
--bermudagrass-oklch: oklch(0.739 0.142 145.4);
}
.element {
color: var(--bermudagrass);
background-color: hsl(124 42% 59%);
border-color: oklch(0.739 0.142 145.4);
}Tailwind CSS v4
@theme {
--color-bermudagrass: #6bc271;
--color-bermudagrass-50: #dbffde;
--color-bermudagrass-100: #c9f6cd;
--color-bermudagrass-200: #ace5b2;
--color-bermudagrass-300: #84cb8d;
--color-bermudagrass-400: #63b468;
--color-bermudagrass-500: #3a9e46;
--color-bermudagrass-600: #33853c;
--color-bermudagrass-700: #286b30;
--color-bermudagrass-800: #1f4e1f;
--color-bermudagrass-900: #143714;
--color-bermudagrass-950: #062106;
}SCSS
$bermudagrass: #6bc271;
$bermudagrass-rgb: 107, 194, 113;
$bermudagrass-light: mix(#fff, $bermudagrass, 20%);
$bermudagrass-dark: mix(#000, $bermudagrass, 20%);
.element {
color: $bermudagrass;
box-shadow: 0 0 0 2px rgba($bermudagrass, 0.35);
}