Nächste benannte Farbe · #60C070
#60C070
Nächste benannte Farbe: Bermudagrass
#60C070 (rgb(96 192 112), hsl(130 43% 56%), oklch(0.729 0.146 147.5)) liegt am nächsten an der benannten Farbe Bermudagrass. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#60C070
oklch(0.729 0.146 147.5)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 72C77F
- 83CD8D
- 94D49B
- A3DAA9
- B3E0B7
- C2E7C6
- D2EDD4
- E1F3E2
- F0F9F1
Shades
- 52A760
- 458E51
- 387643
- 2C5F35
- 204927
- 15341A
- 0A200E
- 030E04
- 000201
Tones
- 65BA72
- 6AB375
- 6EAD77
- 72A778
- 75A07A
- 789A7B
- 7B937D
- 7D8D7E
- 7E877F
Farbharmonien
Komplementär +180°
- 60C070
Bermudagrass
- D884D6
≈ Blush Essence
Analog -30° +30°
- 60C070
Bermudagrass
- A1B338
≈ Vintage Chartreuse
- 00C2A7
≈ Turquoise
Triadisch +120° +240°
- 60C070
Bermudagrass
- 81A3FF
≈ Fennel Flower
- F68073
≈ Smoked Salmon
Geteilt komplementär +150° +210°
- 60C070
Bermudagrass
- B292F7
≈ Liliac
- EF7DA8
≈ Pink Carnation
Tetradisch +90° +180° +270°
- 60C070
Bermudagrass
- 31B3F8
≈ Blue Bolt
- D884D6
≈ Blush Essence
- EB8D3E
≈ California
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.26:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.27:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.27:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
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);
}