Colore con nome · #3DB9B2
Green Grapple
Green Grapple è #3DB9B2: rgb(61 185 178), hsl(177 50% 48%), oklch(0.717 0.107 189.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Green Grapple color name →
#3DB9B2
oklch(0.717 0.107 189.6)
Conversioni di colore
- HEX
- #3db9b2
- RGB
- rgb(61 185 178)
- HSL
- hsl(177 50% 48%)
- HWB
- hwb(177 24% 27%)
- OKLCH
- oklch(0.717 0.107 189.6)
- OKLab
- oklab(0.717 -0.106 -0.018)
- CIE Lab
- lab(68.4 -36.32 -6.97)
- LCH
- lch(68.4 36.98 190.9)
- CMYK
- cmyk(67% 0% 4% 27%)
Tinte · Ombre · Toni
Tinte
- 58C0B9
- 6FC7C1
- 83CEC9
- 96D5D0
- A9DCD8
- BAE3E0
- CCEAE7
- DDF1EF
- EEF8F7
Ombre
- 34A09A
- 2B8983
- 22716D
- 1A5B57
- 124643
- 0A312F
- 041E1D
- 010D0C
- 000201
Toni
- 4AB3AD
- 55AEA8
- 5DA8A3
- 65A29E
- 6B9D99
- 709794
- 75918F
- 798C8A
- 7D8685
Armonie di colore
Complementare +180°
- 3DB9B2
Green Grapple
- DD8795
≈ Melancholy
Analogo -30° +30°
- 3DB9B2
Green Grapple
- 62B88C
≈ Crazy Eyes
- 45B3D2
≈ Epimetheus
Triadico +120° +240°
- 3DB9B2
Green Grapple
- B891D6
≈ Pale Purple
- CF9754
≈ Sugar Glazed Cashew
Complementare divisa +150° +210°
- 3DB9B2
Green Grapple
- D089B9
≈ Cyclamen
- DD8C70
≈ Canyon Sunset
Tetradico +90° +180° +270°
- 3DB9B2
Green Grapple
- 969CE6
≈ Cold Lips
- DD8795
≈ Melancholy
- B4A550
≈ Moss Stone
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.39:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.78:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.78:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--green-grapple: #3db9b2;
--green-grapple-rgb: 61 185 178;
--green-grapple-oklch: oklch(0.717 0.107 189.6);
}
.element {
color: var(--green-grapple);
background-color: hsl(177 50% 48%);
border-color: oklch(0.717 0.107 189.6);
}Tailwind CSS v4
@theme {
--color-green-grapple: #3db9b2;
--color-green-grapple-50: #d3fffd;
--color-green-grapple-100: #bff4f1;
--color-green-grapple-200: #9ee3e0;
--color-green-grapple-300: #70c9c5;
--color-green-grapple-400: #40b3ac;
--color-green-grapple-500: #009c95;
--color-green-grapple-600: #00847e;
--color-green-grapple-700: #006a65;
--color-green-grapple-800: #004e49;
--color-green-grapple-900: #003633;
--color-green-grapple-950: #00211e;
}SCSS
$green-grapple: #3db9b2;
$green-grapple-rgb: 61, 185, 178;
$green-grapple-light: mix(#fff, $green-grapple, 20%);
$green-grapple-dark: mix(#000, $green-grapple, 20%);
.element {
color: $green-grapple;
box-shadow: 0 0 0 2px rgba($green-grapple, 0.35);
}