Colore con nome più vicino · #60C070
#60C070
Colore con nome più vicino: Bermudagrass
#60C070 (rgb(96 192 112), hsl(130 43% 56%), oklch(0.729 0.146 147.5)) è più vicino al colore con nome Bermudagrass. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#60C070
oklch(0.729 0.146 147.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 72C77F
- 83CD8D
- 94D49B
- A3DAA9
- B3E0B7
- C2E7C6
- D2EDD4
- E1F3E2
- F0F9F1
Ombre
- 52A760
- 458E51
- 387643
- 2C5F35
- 204927
- 15341A
- 0A200E
- 030E04
- 000201
Toni
- 65BA72
- 6AB375
- 6EAD77
- 72A778
- 75A07A
- 789A7B
- 7B937D
- 7D8D7E
- 7E877F
Armonie di colore
Complementare +180°
- 60C070
Bermudagrass
- D884D6
≈ Blush Essence
Analogo -30° +30°
- 60C070
Bermudagrass
- A1B338
≈ Vintage Chartreuse
- 00C2A7
≈ Turquoise
Triadico +120° +240°
- 60C070
Bermudagrass
- 81A3FF
≈ Fennel Flower
- F68073
≈ Smoked Salmon
Complementare divisa +150° +210°
- 60C070
Bermudagrass
- B292F7
≈ Liliac
- EF7DA8
≈ Pink Carnation
Tetradico +90° +180° +270°
- 60C070
Bermudagrass
- 31B3F8
≈ Blue Bolt
- D884D6
≈ Blush Essence
- EB8D3E
≈ California
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.26:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.27:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.27:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
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);
}