Colore con nome · #C09078
Copper Lake
Copper Lake è #C09078: rgb(192 144 120), hsl(20 36% 61%), oklch(0.693 0.068 47.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Copper Lake color name →
#C09078
oklch(0.693 0.068 47.7)
Conversioni di colore
- HEX
- #c09078
- RGB
- rgb(192 144 120)
- HSL
- hsl(20 36% 61%)
- HWB
- hwb(20 47% 25%)
- OKLCH
- oklch(0.693 0.068 47.7)
- OKLab
- oklab(0.693 0.046 0.05)
- CIE Lab
- lab(64.05 16.37 20.23)
- LCH
- lch(64.05 26.02 51)
- CMYK
- cmyk(0% 25% 38% 25%)
Tinte · Ombre · Toni
Tinte
- C79B85
- CDA692
- D4B19F
- DABCAD
- E0C7BA
- E7D2C8
- EDDDD5
- F3E8E3
- F9F4F1
Ombre
- A77D67
- 8E6A57
- 765748
- 5F4539
- 49342A
- 34241D
- 201510
- 0E0705
- 020101
Toni
- BA8F79
- B38D7A
- AD8C7B
- A78A7C
- A0887D
- 9A877D
- 93857E
- 8D837F
- 87827F
Armonie di colore
Complementare +180°
- C09078
Copper Lake
- 6EA5BD
≈ Pacific Palisade
Analogo -30° +30°
- C09078
Copper Lake
- C38C8D
≈ Prophetess
- B4976C
≈ Tapestry Gold
Triadico +120° +240°
- C09078
Copper Lake
- 72AA94
≈ Acapulco
- 9996C5
≈ Litmus
Complementare divisa +150° +210°
- C09078
Copper Lake
- 67AAAB
≈ Timid Sea
- 829EC7
≈ Caribbean Sky
Tetradico +90° +180° +270°
- C09078
Copper Lake
- 88A77E
≈ Baby Spinach
- 6EA5BD
≈ Pacific Palisade
- AE8FB8
≈ Superstitious
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.50:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--copper-lake: #c09078;
--copper-lake-rgb: 192 144 120;
--copper-lake-oklch: oklch(0.693 0.068 47.7);
}
.element {
color: var(--copper-lake);
background-color: hsl(20 36% 61%);
border-color: oklch(0.693 0.068 47.7);
}Tailwind CSS v4
@theme {
--color-copper-lake: #c09078;
--color-copper-lake-50: #fff0e4;
--color-copper-lake-100: #fce2d4;
--color-copper-lake-200: #edcdbb;
--color-copper-lake-300: #d5ae99;
--color-copper-lake-400: #c1937c;
--color-copper-lake-500: #ac795f;
--color-copper-lake-600: #916651;
--color-copper-lake-700: #745240;
--color-copper-lake-800: #563b2e;
--color-copper-lake-900: #3c281f;
--color-copper-lake-950: #26160f;
}SCSS
$copper-lake: #c09078;
$copper-lake-rgb: 192, 144, 120;
$copper-lake-light: mix(#fff, $copper-lake, 20%);
$copper-lake-dark: mix(#000, $copper-lake, 20%);
.element {
color: $copper-lake;
box-shadow: 0 0 0 2px rgba($copper-lake, 0.35);
}