Colore con nome · #006C67
Green Dragon
Green Dragon è #006C67: rgb(0 108 103), hsl(177 100% 21%), oklch(0.479 0.083 189.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Green Dragon color name →
#006C67
oklch(0.479 0.083 189.2)
Conversioni di colore
- HEX
- #006c67
- RGB
- rgb(0 108 103)
- HSL
- hsl(177 100% 21%)
- HWB
- hwb(177 0% 58%)
- OKLCH
- oklch(0.479 0.083 189.2)
- OKLab
- oklab(0.479 -0.082 -0.013)
- CIE Lab
- lab(40.53 -28.2 -5.14)
- LCH
- lch(40.53 28.66 190.3)
- CMYK
- cmyk(100% 0% 5% 58%)
Tinte · Ombre · Toni
Tinte
- 2E7A75
- 488883
- 609692
- 77A5A1
- 8DB4B0
- A4C2BF
- BAD1CF
- D1E0DF
- E8F0EF
Ombre
- 005D59
- 004E4B
- 00403D
- 003230
- 002523
- 001917
- 000D0C
- 000404
- 000000
Toni
- 1F6E69
- 2F706C
- 3C726E
- 487571
- 527773
- 5C7976
- 657A78
- 6E7C7B
- 777E7D
Armonie di colore
Complementare +180°
- 006C67
Green Dragon
- 854853
≈ Haunting Melody
Analogo -30° +30°
- 006C67
Green Dragon
- 2D6C4C
≈ Chopped Chive
- 0E687D
≈ Caribbean Splash
Triadico +120° +240°
- 006C67
Green Dragon
- 6B5081
≈ Zimidar
- 7B5423
≈ Lizard Brown
Complementare divisa +150° +210°
- 006C67
Green Dragon
- 7C4A6D
≈ Madder Magenta
- 854C39
≈ Paarl
Tetradico +90° +180° +270°
- 006C67
Green Dragon
- 54588B
≈ Wild Elderberry
- 854853
≈ Haunting Melody
- 695E1F
≈ High Forest Green
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.28:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.34:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.28:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--green-dragon: #006c67;
--green-dragon-rgb: 0 108 103;
--green-dragon-oklch: oklch(0.479 0.083 189.2);
}
.element {
color: var(--green-dragon);
background-color: hsl(177 100% 21%);
border-color: oklch(0.479 0.083 189.2);
}Tailwind CSS v4
@theme {
--color-green-dragon: #006c67;
--color-green-dragon-50: #dbfdfb;
--color-green-dragon-100: #c9f1ee;
--color-green-dragon-200: #ace0dd;
--color-green-dragon-300: #84c5c2;
--color-green-dragon-400: #5faea8;
--color-green-dragon-500: #349891;
--color-green-dragon-600: #2e807b;
--color-green-dragon-700: #256762;
--color-green-dragon-800: #194c47;
--color-green-dragon-900: #103531;
--color-green-dragon-950: #03201d;
}SCSS
$green-dragon: #006c67;
$green-dragon-rgb: 0, 108, 103;
$green-dragon-light: mix(#fff, $green-dragon, 20%);
$green-dragon-dark: mix(#000, $green-dragon, 20%);
.element {
color: $green-dragon;
box-shadow: 0 0 0 2px rgba($green-dragon, 0.35);
}