Colore con nome · #11887B
Green Ink
Green Ink è #11887B: rgb(17 136 123), hsl(173 78% 30%), oklch(0.564 0.097 183). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Green Ink color name →
#11887B
oklch(0.564 0.097 183)
Conversioni di colore
- HEX
- #11887b
- RGB
- rgb(17 136 123)
- HSL
- hsl(173 78% 30%)
- HWB
- hwb(173 7% 47%)
- OKLCH
- oklch(0.564 0.097 183)
- OKLab
- oklab(0.564 -0.097 -0.005)
- CIE Lab
- lab(50.66 -33.86 -2.13)
- LCH
- lch(50.66 33.93 183.6)
- CMYK
- cmyk(88% 0% 10% 47%)
Tinte · Ombre · Toni
Tinte
- 399487
- 549F94
- 6BABA1
- 81B7AE
- 96C3BB
- ABCFC8
- C0DBD6
- D5E7E3
- EAF3F1
Ombre
- 0D756A
- 09635A
- 06524A
- 04413A
- 02312C
- 01221E
- 001310
- 000605
- 000101
Toni
- 2A877C
- 3A877C
- 46867D
- 51857D
- 5A857E
- 62847E
- 6A837F
- 72827F
- 798180
Armonie di colore
Complementare +180°
- 11887B
Green Ink
- A55C70
≈ Shine Baby Shine
Analogo -30° +30°
- 11887B
Green Ink
- 44865A
≈ Kilkenny
- 088498
≈ Cruising
Triadico +120° +240°
- 11887B
Green Ink
- 8167A5
≈ Chive Blossom
- 9E6833
≈ Caramel Kisses
Complementare divisa +150° +210°
- 11887B
Green Ink
- 985F8E
≈ Kyo Purple
- A75F50
≈ Foxy
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.34:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.83:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.83:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--green-ink: #11887b;
--green-ink-rgb: 17 136 123;
--green-ink-oklch: oklch(0.564 0.097 183);
}
.element {
color: var(--green-ink);
background-color: hsl(173 78% 30%);
border-color: oklch(0.564 0.097 183);
}Tailwind CSS v4
@theme {
--color-green-ink: #11887b;
--color-green-ink-50: #d7fff9;
--color-green-ink-100: #c5f3ec;
--color-green-ink-200: #a5e2d9;
--color-green-ink-300: #7bc8be;
--color-green-ink-400: #52b1a4;
--color-green-ink-500: #149b8c;
--color-green-ink-600: #188377;
--color-green-ink-700: #14695f;
--color-green-ink-800: #0d4d44;
--color-green-ink-900: #09362f;
--color-green-ink-950: #00211c;
}SCSS
$green-ink: #11887b;
$green-ink-rgb: 17, 136, 123;
$green-ink-light: mix(#fff, $green-ink, 20%);
$green-ink-dark: mix(#000, $green-ink, 20%);
.element {
color: $green-ink;
box-shadow: 0 0 0 2px rgba($green-ink, 0.35);
}