Couleur nommée la plus proche · #60C070
#60C070
Couleur nommée la plus proche: Bermudagrass
#60C070 (rgb(96 192 112), hsl(130 43% 56%), oklch(0.729 0.146 147.5)) est la plus proche de la couleur nommée Bermudagrass. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#60C070
oklch(0.729 0.146 147.5)
Conversions de couleur
- HEX
- #60c070
- RGB
- rgb(96 192 112)
- HSL
- hsl(130 43% 56%)
- HWB
- hwb(130 38% 25%)
- OKLCH
- oklch(0.729 0.146 147.5)
- OKLab
- oklab(0.729 -0.123 0.079)
- CIE Lab
- lab(70.44 -42.58 31.25)
- LCH
- lch(70.44 52.82 143.7)
- CMYK
- cmyk(50% 0% 42% 25%)
Teintes · Ombres · Tons
Teintes
- 72C77F
- 83CD8D
- 94D49B
- A3DAA9
- B3E0B7
- C2E7C6
- D2EDD4
- E1F3E2
- F0F9F1
Ombres
- 52A760
- 458E51
- 387643
- 2C5F35
- 204927
- 15341A
- 0A200E
- 030E04
- 000201
Tons
- 65BA72
- 6AB375
- 6EAD77
- 72A778
- 75A07A
- 789A7B
- 7B937D
- 7D8D7E
- 7E877F
Harmonies de couleurs
Complémentaire +180°
- 60C070
Bermudagrass
- D884D6
≈ Blush Essence
Analogue -30° +30°
- 60C070
Bermudagrass
- A1B338
≈ Vintage Chartreuse
- 00C2A7
≈ Turquoise
Triadique +120° +240°
- 60C070
Bermudagrass
- 81A3FF
≈ Fennel Flower
- F68073
≈ Smoked Salmon
Complémentaire divisée +150° +210°
- 60C070
Bermudagrass
- B292F7
≈ Liliac
- EF7DA8
≈ Pink Carnation
Tétradique +90° +180° +270°
- 60C070
Bermudagrass
- 31B3F8
≈ Blue Bolt
- D884D6
≈ Blush Essence
- EB8D3E
≈ California
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.26:1 · APCA Lc 44
Ag
AAASur noir
WCAG 9.27:1 · APCA Lc 58
Meilleure couleur de texte: #000000
WCAG 9.27:1 (AAA) · APCA Lc 58
Contrast pairs
Extraits de code
CSS
:root {
--bermudagrass: #60c070;
--bermudagrass-rgb: 96 192 112;
--bermudagrass-oklch: oklch(0.729 0.146 147.5);
}
.element {
color: var(--bermudagrass);
background-color: hsl(130 43% 56%);
border-color: oklch(0.729 0.146 147.5);
}Tailwind CSS v4
@theme {
--color-bermudagrass: #60c070;
--color-bermudagrass-50: #d9ffdf;
--color-bermudagrass-100: #c6f6ce;
--color-bermudagrass-200: #a8e6b3;
--color-bermudagrass-300: #7fcc8f;
--color-bermudagrass-400: #5bb56a;
--color-bermudagrass-500: #2c9f48;
--color-bermudagrass-600: #28873e;
--color-bermudagrass-700: #206c31;
--color-bermudagrass-800: #194f20;
--color-bermudagrass-900: #113715;
--color-bermudagrass-950: #032206;
}SCSS
$bermudagrass: #60c070;
$bermudagrass-rgb: 96, 192, 112;
$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);
}