Adlandırılmış renk · #AC7559
Decorous Amber
Decorous Amber, #AC7559: rgb(172 117 89), hsl(20 33% 51%), oklch(0.613 0.08 47.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? → · Decorous Amber color name →
#AC7559
oklch(0.613 0.08 47.7)
Renk dönüşümleri
- HEX
- #ac7559
- RGB
- rgb(172 117 89)
- HSL
- hsl(20 33% 51%)
- HWB
- hwb(20 35% 33%)
- OKLCH
- oklch(0.613 0.08 47.7)
- OKLab
- oklab(0.613 0.054 0.06)
- CIE Lab
- lab(54.59 19.86 24.64)
- LCH
- lch(54.59 31.64 51.1)
- CMYK
- cmyk(0% 32% 48% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B58269
- BD9079
- C69D89
- CEAB99
- D7B9AA
- DFC6BA
- E7D4CB
- EFE2DC
- F7F1EE
Koyu tonlar
- 95654C
- 7F5540
- 694634
- 543728
- 40291D
- 2D1C13
- 1B0F09
- 0B0503
- 010100
Gri tonlar
- A8765D
- A47862
- A07966
- 9B7A6A
- 977B6E
- 937C71
- 8E7D75
- 8A7E79
- 857F7C
Renk uyumları
Tamamlayıcı +180°
- AC7559
Decorous Amber
- 4A8EAA
≈ Sora Sky
Analog -30° +30°
- AC7559
Decorous Amber
- AF7072
≈ Horizon Glow
- 9F7E4A
≈ Heart of Gold
Üçlü +120° +240°
- AC7559
Decorous Amber
- 4F947A
≈ Puerto Princesa
- 817CB2
≈ Murex
Bölünmüş tamamlayıcı +150° +210°
- AC7559
Decorous Amber
- 3F9395
≈ Catalan
- 6585B4
≈ Marine Ink
Dörtlü +90° +180° +270°
- AC7559
Decorous Amber
- 6C9060
≈ English Ivy
- 4A8EAA
≈ Sora Sky
- 9875A4
≈ Scotch Thistle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.85:1 · APCA Lc 66
Ag
AASiyah üzerinde
WCAG 5.44:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.44:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--decorous-amber: #ac7559;
--decorous-amber-rgb: 172 117 89;
--decorous-amber-oklch: oklch(0.613 0.08 47.7);
}
.element {
color: var(--decorous-amber);
background-color: hsl(20 33% 51%);
border-color: oklch(0.613 0.08 47.7);
}Tailwind CSS v4
@theme {
--color-decorous-amber: #ac7559;
--color-decorous-amber-50: #ffefe1;
--color-decorous-amber-100: #ffe1d1;
--color-decorous-amber-200: #f2cbb6;
--color-decorous-amber-300: #daac93;
--color-decorous-amber-400: #c69075;
--color-decorous-amber-500: #b27556;
--color-decorous-amber-600: #96644a;
--color-decorous-amber-700: #79503a;
--color-decorous-amber-800: #5a392a;
--color-decorous-amber-900: #3f271c;
--color-decorous-amber-950: #28150d;
}SCSS
$decorous-amber: #ac7559;
$decorous-amber-rgb: 172, 117, 89;
$decorous-amber-light: mix(#fff, $decorous-amber, 20%);
$decorous-amber-dark: mix(#000, $decorous-amber, 20%);
.element {
color: $decorous-amber;
box-shadow: 0 0 0 2px rgba($decorous-amber, 0.35);
}