Adlandırılmış renk · #AA866E
Pottery Urn
Pottery Urn, #AA866E: rgb(170 134 110), hsl(24 26% 55%), oklch(0.648 0.056 55.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Pottery Urn color name →
#AA866E
oklch(0.648 0.056 55.2)
Renk dönüşümleri
- HEX
- #aa866e
- RGB
- rgb(170 134 110)
- HSL
- hsl(24 26% 55%)
- HWB
- hwb(24 43% 33%)
- OKLCH
- oklch(0.648 0.056 55.2)
- OKLab
- oklab(0.648 0.032 0.046)
- CIE Lab
- lab(58.96 11.68 18.49)
- LCH
- lch(58.96 21.87 57.7)
- CMYK
- cmyk(0% 21% 35% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B3927C
- BB9D8A
- C3A998
- CCB5A6
- D4C1B5
- DDCDC3
- E5DAD2
- EEE6E1
- F6F2F0
Koyu tonlar
- 93745F
- 7D6250
- 685141
- 534033
- 3F3026
- 2D2119
- 1B130E
- 0B0604
- 010101
Gri tonlar
- A68670
- A28572
- 9E8474
- 998476
- 958378
- 918379
- 8D827B
- 89817D
- 84817E
Renk uyumları
Tamamlayıcı +180°
- AA866E
Pottery Urn
- 6D95AC
≈ Aragonite Blue
Analog -30° +30°
- AA866E
Pottery Urn
- AE827D
≈ Night Rose
- 9E8C67
≈ Autumn Laurel
Üçlü +120° +240°
- AA866E
Pottery Urn
- 6A9A8D
≈ Little League
- 9188AE
≈ Larkspur Violet
Bölünmüş tamamlayıcı +150° +210°
- AA866E
Pottery Urn
- 65999F
≈ Shore Water
- 7E8EB2
≈ Luxury
Dörtlü +90° +180° +270°
- AA866E
Pottery Urn
- 79987A
≈ Jade Green
- 6D95AC
≈ Aragonite Blue
- A183A2
≈ Wonder Violet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.31:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.34:1 · APCA Lc 41
En iyi metin rengi: #000000
WCAG 6.34:1 (AA) · APCA Lc 41
Contrast pairs
Kod parçacıkları
CSS
:root {
--pottery-urn: #aa866e;
--pottery-urn-rgb: 170 134 110;
--pottery-urn-oklch: oklch(0.648 0.056 55.2);
}
.element {
color: var(--pottery-urn);
background-color: hsl(24 26% 55%);
border-color: oklch(0.648 0.056 55.2);
}Tailwind CSS v4
@theme {
--color-pottery-urn: #aa866e;
--color-pottery-urn-50: #fff2e6;
--color-pottery-urn-100: #f7e4d6;
--color-pottery-urn-200: #e8cfbe;
--color-pottery-urn-300: #ceb19c;
--color-pottery-urn-400: #b9967f;
--color-pottery-urn-500: #a47d62;
--color-pottery-urn-600: #8a6a54;
--color-pottery-urn-700: #6f5443;
--color-pottery-urn-800: #523d30;
--color-pottery-urn-900: #392a21;
--color-pottery-urn-950: #231810;
}SCSS
$pottery-urn: #aa866e;
$pottery-urn-rgb: 170, 134, 110;
$pottery-urn-light: mix(#fff, $pottery-urn, 20%);
$pottery-urn-dark: mix(#000, $pottery-urn, 20%);
.element {
color: $pottery-urn;
box-shadow: 0 0 0 2px rgba($pottery-urn, 0.35);
}