Adlandırılmış renk · #AE905E
Peristyle Brass
Peristyle Brass, #AE905E: rgb(174 144 94), hsl(37 33% 53%), oklch(0.669 0.076 79.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Peristyle Brass color name →
#AE905E
oklch(0.669 0.076 79.7)
Renk dönüşümleri
- HEX
- #ae905e
- RGB
- rgb(174 144 94)
- HSL
- hsl(37 33% 53%)
- HWB
- hwb(37 37% 32%)
- OKLCH
- oklch(0.669 0.076 79.7)
- OKLab
- oklab(0.669 0.014 0.075)
- CIE Lab
- lab(61.73 6.74 30.96)
- LCH
- lch(61.73 31.68 77.7)
- CMYK
- cmyk(0% 17% 46% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B69B6E
- BEA67E
- C6B18E
- CEBC9E
- D6C7AE
- DED2BE
- E6DDCE
- EFE8DE
- F7F4EE
Koyu tonlar
- 977D51
- 806A44
- 6A5737
- 55452B
- 41341F
- 2E2414
- 1C150A
- 0B0703
- 010100
Gri tonlar
- A98F62
- A58D66
- A08C6A
- 9C8A6D
- 978871
- 928774
- 8E8577
- 89837A
- 85827D
Renk uyumları
Tamamlayıcı +180°
- AE905E
Peristyle Brass
- 7996C4
≈ Himalaya Sky
Analog -30° +30°
- AE905E
Peristyle Brass
- BC876B
≈ Honey Graham
- 989962
≈ Broad Bean
Üçlü +120° +240°
- AE905E
Peristyle Brass
- 57A3A7
≈ Atlas Cedar
- AA86B3
≈ Purple Statice
Bölünmüş tamamlayıcı +150° +210°
- AE905E
Peristyle Brass
- 619EBB
≈ Lake Lucerne
- 948DC1
≈ Hermosa
Dörtlü +90° +180° +270°
- AE905E
Peristyle Brass
- 63A48E
≈ Polished Pine
- 7996C4
≈ Himalaya Sky
- B9829C
≈ Nuisette
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.02:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.95:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.95:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--peristyle-brass: #ae905e;
--peristyle-brass-rgb: 174 144 94;
--peristyle-brass-oklch: oklch(0.669 0.076 79.7);
}
.element {
color: var(--peristyle-brass);
background-color: hsl(37 33% 53%);
border-color: oklch(0.669 0.076 79.7);
}Tailwind CSS v4
@theme {
--color-peristyle-brass: #ae905e;
--color-peristyle-brass-50: #fff4dd;
--color-peristyle-brass-100: #f5e6cc;
--color-peristyle-brass-200: #e5d2b0;
--color-peristyle-brass-300: #cbb48b;
--color-peristyle-brass-400: #b69a6a;
--color-peristyle-brass-500: #a18049;
--color-peristyle-brass-600: #886d3e;
--color-peristyle-brass-700: #6d5732;
--color-peristyle-brass-800: #513f23;
--color-peristyle-brass-900: #382b17;
--color-peristyle-brass-950: #231908;
}SCSS
$peristyle-brass: #ae905e;
$peristyle-brass-rgb: 174, 144, 94;
$peristyle-brass-light: mix(#fff, $peristyle-brass, 20%);
$peristyle-brass-dark: mix(#000, $peristyle-brass, 20%);
.element {
color: $peristyle-brass;
box-shadow: 0 0 0 2px rgba($peristyle-brass, 0.35);
}