Adlandırılmış renk · #AA6C51
Airbrushed Copper
Airbrushed Copper, #AA6C51: rgb(170 108 81), hsl(18 35% 49%), oklch(0.592 0.089 44.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Airbrushed Copper color name →
#AA6C51
oklch(0.592 0.089 44.2)
Renk dönüşümleri
- HEX
- #aa6c51
- RGB
- rgb(170 108 81)
- HSL
- hsl(18 35% 49%)
- HWB
- hwb(18 32% 33%)
- OKLCH
- oklch(0.592 0.089 44.2)
- OKLab
- oklab(0.592 0.064 0.062)
- CIE Lab
- lab(52.05 23.26 25.87)
- LCH
- lch(52.05 34.79 48)
- CMYK
- cmyk(0% 36% 52% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B37A62
- BC8972
- C59783
- CEA594
- D6B4A6
- DEC3B7
- E7D2C9
- EFE1DB
- F7F0ED
Koyu tonlar
- 935D45
- 7D4E3A
- 68402F
- 533224
- 3F251A
- 2D1910
- 1B0D07
- 0B0402
- 010000
Gri tonlar
- A66E56
- A2715B
- 9F7360
- 9B7565
- 96776A
- 92796E
- 8E7B73
- 897D77
- 857E7C
Renk uyumları
Tamamlayıcı +180°
- AA6C51
Airbrushed Copper
- 3789A5
≈ Magic Blue
Analog -30° +30°
- AA6C51
Airbrushed Copper
- AC676D
≈ Spanish Rose Shadow
- 9D753D
≈ Heavy Ochre
Üçlü +120° +240°
- AA6C51
Airbrushed Copper
- 448E70
≈ Aegean Green
- 7776B1
≈ Ontario Violet
Bölünmüş tamamlayıcı +150° +210°
- AA6C51
Airbrushed Copper
- 2B8E8D
≈ Fish Story
- 5880B2
≈ Blue Fin
Dörtlü +90° +180° +270°
- AA6C51
Airbrushed Copper
- 678952
≈ Hippie Green
- 3789A5
≈ Magic Blue
- 916EA3
≈ Ce Soir
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.22:1 · APCA Lc 69
Ag
AASiyah üzerinde
WCAG 4.97:1 · APCA Lc 33
En iyi metin rengi: #000000
WCAG 4.97:1 (AA) · APCA Lc 33
Contrast pairs
Kod parçacıkları
CSS
:root {
--airbrushed-copper: #aa6c51;
--airbrushed-copper-rgb: 170 108 81;
--airbrushed-copper-oklch: oklch(0.592 0.089 44.2);
}
.element {
color: var(--airbrushed-copper);
background-color: hsl(18 35% 49%);
border-color: oklch(0.592 0.089 44.2);
}Tailwind CSS v4
@theme {
--color-airbrushed-copper: #aa6c51;
--color-airbrushed-copper-50: #ffeee0;
--color-airbrushed-copper-100: #ffe0d0;
--color-airbrushed-copper-200: #f6c9b5;
--color-airbrushed-copper-300: #dfaa91;
--color-airbrushed-copper-400: #cb8e73;
--color-airbrushed-copper-500: #b77254;
--color-airbrushed-copper-600: #9b6148;
--color-airbrushed-copper-700: #7c4d39;
--color-airbrushed-copper-800: #5c3829;
--color-airbrushed-copper-900: #41261c;
--color-airbrushed-copper-950: #29140c;
}SCSS
$airbrushed-copper: #aa6c51;
$airbrushed-copper-rgb: 170, 108, 81;
$airbrushed-copper-light: mix(#fff, $airbrushed-copper, 20%);
$airbrushed-copper-dark: mix(#000, $airbrushed-copper, 20%);
.element {
color: $airbrushed-copper;
box-shadow: 0 0 0 2px rgba($airbrushed-copper, 0.35);
}