Nazwany kolor · #AA6E4B
Smouldering Copper
Smouldering Copper to #AA6E4B: rgb(170 110 75), hsl(22 39% 48%), oklch(0.594 0.091 50.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Smouldering Copper color name →
#AA6E4B
oklch(0.594 0.091 50.5)
Konwersje koloru
- HEX
- #aa6e4b
- RGB
- rgb(170 110 75)
- HSL
- hsl(22 39% 48%)
- HWB
- hwb(22 29% 33%)
- OKLCH
- oklch(0.594 0.091 50.5)
- OKLab
- oklab(0.594 0.058 0.07)
- CIE Lab
- lab(52.45 21.81 29.73)
- LCH
- lch(52.45 36.87 53.7)
- CMYK
- cmyk(0% 35% 56% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B37C5D
- BC8A6E
- C59880
- CDA791
- D6B5A3
- DEC4B5
- E7D2C7
- EFE1DA
- F7F0EC
Odcienie ciemniejsze
- 935F40
- 7D5035
- 68412B
- 533321
- 3F2617
- 2D190E
- 1B0E06
- 0B0402
- 010100
Tony
- A67051
- A27257
- 9E745C
- 9A7662
- 967867
- 927A6C
- 8E7B71
- 897D76
- 857F7B
Harmonie kolorów
Komplementarna +180°
- AA6E4B
Smouldering Copper
- 3C88AB
≈ Underwater Moonlight
Analogowa -30° +30°
- AA6E4B
Smouldering Copper
- AE6867
≈ Spanish Rose Shadow
- 9B783A
≈ Persian Gold
Triada +120° +240°
- AA6E4B
Smouldering Copper
- 3C9077
≈ Illuminating Emerald
- 7E75B1
≈ Purple Rhapsody
Komplementarna rozszczepiona +150° +210°
- AA6E4B
Smouldering Copper
- 268F94
≈ Fish Story
- 5F7FB5
≈ Prompt
Tetrada +90° +180° +270°
- AA6E4B
Smouldering Copper
- 608C58
≈ Hippie Green
- 3C88AB
≈ Underwater Moonlight
- 976CA0
≈ Court Jester
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.16:1 · APCA Lc 69
Ag
AANa czerni
WCAG 5.04:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 5.04:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--smouldering-copper: #aa6e4b;
--smouldering-copper-rgb: 170 110 75;
--smouldering-copper-oklch: oklch(0.594 0.091 50.5);
}
.element {
color: var(--smouldering-copper);
background-color: hsl(22 39% 48%);
border-color: oklch(0.594 0.091 50.5);
}Tailwind CSS v4
@theme {
--color-smouldering-copper: #aa6e4b;
--color-smouldering-copper-50: #ffefde;
--color-smouldering-copper-100: #ffe0cc;
--color-smouldering-copper-200: #f5cab1;
--color-smouldering-copper-300: #deab8c;
--color-smouldering-copper-400: #ca8f6d;
--color-smouldering-copper-500: #b6744c;
--color-smouldering-copper-600: #9a6241;
--color-smouldering-copper-700: #7c4e34;
--color-smouldering-copper-800: #5c3825;
--color-smouldering-copper-900: #402719;
--color-smouldering-copper-950: #29150a;
}SCSS
$smouldering-copper: #aa6e4b;
$smouldering-copper-rgb: 170, 110, 75;
$smouldering-copper-light: mix(#fff, $smouldering-copper, 20%);
$smouldering-copper-dark: mix(#000, $smouldering-copper, 20%);
.element {
color: $smouldering-copper;
box-shadow: 0 0 0 2px rgba($smouldering-copper, 0.35);
}