Colore con nome · #6F978E
Copper Roof Green
Copper Roof Green è #6F978E: rgb(111 151 142), hsl(167 16% 51%), oklch(0.644 0.046 179.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Copper Roof Green color name →
#6F978E
oklch(0.644 0.046 179.3)
Conversioni di colore
- HEX
- #6f978e
- RGB
- rgb(111 151 142)
- HSL
- hsl(167 16% 51%)
- HWB
- hwb(167 44% 41%)
- OKLCH
- oklch(0.644 0.046 179.3)
- OKLab
- oklab(0.644 -0.046 0.001)
- CIE Lab
- lab(59.31 -15.78 0.07)
- LCH
- lch(59.31 15.78 179.8)
- CMYK
- cmyk(26% 0% 6% 41%)
Tinte · Ombre · Toni
Tinte
- 7DA199
- 8BABA4
- 99B5AF
- A7C0BA
- B6CAC5
- C4D4D0
- D3DFDC
- E1EAE7
- F0F4F3
Ombre
- 60837B
- 516F68
- 425C56
- 344944
- 273734
- 1A2624
- 0E1715
- 040807
- 010101
Toni
- 71958D
- 73928B
- 75908A
- 778E88
- 798C87
- 7A8986
- 7C8784
- 7D8583
- 7F8281
Armonie di colore
Complementare +180°
- 6F978E
Copper Roof Green
- A6828C
≈ Lacy Mist
Analogo -30° +30°
- 6F978E
Copper Roof Green
- 7A967F
≈ Sea Radish
- 6D969D
≈ Baltic Blue
Triadico +120° +240°
- 6F978E
Copper Roof Green
- 9188A6
≈ Antique Viola
- A38772
≈ Terrazzo Brown
Complementare divisa +150° +210°
- 6F978E
Copper Roof Green
- 9E849B
≈ Berry Bright
- A8837D
≈ South Rim Trail
Tetradico +90° +180° +270°
- 6F978E
Copper Roof Green
- 828DAA
≈ Violet Aura
- A6828C
≈ Lacy Mist
- 998D6E
≈ Courtyard Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.23:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.49:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.49:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--copper-roof-green: #6f978e;
--copper-roof-green-rgb: 111 151 142;
--copper-roof-green-oklch: oklch(0.644 0.046 179.3);
}
.element {
color: var(--copper-roof-green);
background-color: hsl(167 16% 51%);
border-color: oklch(0.644 0.046 179.3);
}Tailwind CSS v4
@theme {
--color-copper-roof-green: #6f978e;
--color-copper-roof-green-50: #e8faf6;
--color-copper-roof-green-100: #d8ede9;
--color-copper-roof-green-200: #c0dbd5;
--color-copper-roof-green-300: #9fc0b9;
--color-copper-roof-green-400: #81a89f;
--color-copper-roof-green-500: #649187;
--color-copper-roof-green-600: #557a72;
--color-copper-roof-green-700: #44625b;
--color-copper-roof-green-800: #314842;
--color-copper-roof-green-900: #21322e;
--color-copper-roof-green-950: #101e1a;
}SCSS
$copper-roof-green: #6f978e;
$copper-roof-green-rgb: 111, 151, 142;
$copper-roof-green-light: mix(#fff, $copper-roof-green, 20%);
$copper-roof-green-dark: mix(#000, $copper-roof-green, 20%);
.element {
color: $copper-roof-green;
box-shadow: 0 0 0 2px rgba($copper-roof-green, 0.35);
}