Cor nomeada · #6BC271
Bermudagrass
Bermudagrass é #6BC271: rgb(107 194 113), hsl(124 42% 59%), oklch(0.739 0.142 145.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Bermudagrass color name →
#6BC271
oklch(0.739 0.142 145.4)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 7BC87F
- 8BCF8E
- 9AD59C
- A9DBAA
- B7E1B8
- C6E7C6
- D4EDD4
- E2F3E2
- F1F9F1
Sombras
- 5CA861
- 4E8F52
- 3F7743
- 326035
- 254927
- 18341A
- 0D200E
- 040E04
- 000201
Tons
- 6FBB73
- 72B575
- 75AE77
- 77A879
- 79A17B
- 7B9B7C
- 7D947D
- 7E8D7E
- 7F877F
Harmonias de cor
Complementar +180°
- 6BC271
Bermudagrass
- D889DB
≈ Blush Essence
Análoga -30° +30°
- 6BC271
Bermudagrass
- A7B53D
≈ Azeitona
- 00C6A6
≈ Jadeite
Tríade +120° +240°
- 6BC271
Bermudagrass
- 82A8FF
≈ Fennel Flower
- F7847C
≈ Coral Pink
Complementar dividida +150° +210°
- 6BC271
Bermudagrass
- B297FA
≈ Dreamy Candy Forest
- EF82AE
≈ Brown Knapweed
Tétrade +90° +180° +270°
- 6BC271
Bermudagrass
- 35B7F7
≈ Zima Blue
- D889DB
≈ Blush Essence
- EE9049
≈ Melon Orange
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.19:1 · APCA Lc 43
Ag
AAASobre preto
WCAG 9.58:1 · APCA Lc 59
Melhor cor de texto: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Trechos de código
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);
}