لون مسمّى · #C09078
Copper Lake
Copper Lake هو #C09078: rgb(192 144 120)، hsl(20 36% 61%)، oklch(0.693 0.068 47.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Copper Lake color name →
#C09078
oklch(0.693 0.068 47.7)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- C79B85
- CDA692
- D4B19F
- DABCAD
- E0C7BA
- E7D2C8
- EDDDD5
- F3E8E3
- F9F4F1
درجات داكنة
- A77D67
- 8E6A57
- 765748
- 5F4539
- 49342A
- 34241D
- 201510
- 0E0705
- 020101
درجات رمادية
- BA8F79
- B38D7A
- AD8C7B
- A78A7C
- A0887D
- 9A877D
- 93857E
- 8D837F
- 87827F
تناسق الألوان
متمم +180°
- C09078
Copper Lake
- 6EA5BD
≈ Pacific Palisade
متجاور -30° +30°
- C09078
Copper Lake
- C38C8D
≈ Prophetess
- B4976C
≈ Tapestry Gold
ثلاثي +120° +240°
- C09078
Copper Lake
- 72AA94
≈ Acapulco
- 9996C5
≈ Litmus
متمم منقسم +150° +210°
- C09078
Copper Lake
- 67AAAB
≈ Timid Sea
- 829EC7
≈ Caribbean Sky
رباعي +90° +180° +270°
- C09078
Copper Lake
- 88A77E
≈ Baby Spinach
- 6EA5BD
≈ Pacific Palisade
- AE8FB8
≈ Superstitious
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.79:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.50:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
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);
}