Adlandırılmış renk · #AC8067
Teddy
Teddy, #AC8067: rgb(172 128 103), hsl(22 29% 54%), oklch(0.637 0.066 50.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Teddy color name →
#AC8067
oklch(0.637 0.066 50.8)
Renk dönüşümleri
- HEX
- #ac8067
- RGB
- rgb(172 128 103)
- HSL
- hsl(22 29% 54%)
- HWB
- hwb(22 40% 33%)
- OKLCH
- oklch(0.637 0.066 50.8)
- OKLab
- oklab(0.637 0.041 0.051)
- CIE Lab
- lab(57.54 15.09 20.58)
- LCH
- lch(57.54 25.52 53.8)
- CMYK
- cmyk(0% 26% 40% 33%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B48C76
- BD9884
- C5A593
- CEB1A2
- D6BEB1
- DECBC0
- E6D8D0
- EFE5DF
- F7F2EF
Koyu tonlar
- 956E59
- 7F5D4B
- 694D3D
- 543D30
- 402E23
- 2D1F17
- 1B120C
- 0B0604
- 010100
Gri tonlar
- A8806A
- A4806C
- 9F806F
- 9B8072
- 978074
- 928077
- 8E8079
- 89807B
- 85807E
Renk uyumları
Tamamlayıcı +180°
- AC8067
Teddy
- 6193AC
≈ Blue Persia
Analog -30° +30°
- AC8067
Teddy
- B07B7A
≈ Taffeta Darling
- A0875D
≈ Gold Tangiers
Üçlü +120° +240°
- AC8067
Teddy
- 619886
≈ Grey Teal
- 8B85B1
≈ Aster Purple
Bölünmüş tamamlayıcı +150° +210°
- AC8067
Teddy
- 58979B
≈ Peaceful Pond
- 758CB3
≈ Windsurf Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.47:1 · APCA Lc 62
Ag
AASiyah üzerinde
WCAG 6.03:1 · APCA Lc 39
En iyi metin rengi: #000000
WCAG 6.03:1 (AA) · APCA Lc 39
Contrast pairs
Kod parçacıkları
CSS
:root {
--teddy: #ac8067;
--teddy-rgb: 172 128 103;
--teddy-oklch: oklch(0.637 0.066 50.8);
}
.element {
color: var(--teddy);
background-color: hsl(22 29% 54%);
border-color: oklch(0.637 0.066 50.8);
}Tailwind CSS v4
@theme {
--color-teddy: #ac8067;
--color-teddy-50: #fff1e4;
--color-teddy-100: #fbe2d4;
--color-teddy-200: #eccdbb;
--color-teddy-300: #d3af99;
--color-teddy-400: #bf947c;
--color-teddy-500: #aa7a5e;
--color-teddy-600: #8f6750;
--color-teddy-700: #735240;
--color-teddy-800: #553c2e;
--color-teddy-900: #3c291f;
--color-teddy-950: #25170f;
}SCSS
$teddy: #ac8067;
$teddy-rgb: 172, 128, 103;
$teddy-light: mix(#fff, $teddy, 20%);
$teddy-dark: mix(#000, $teddy, 20%);
.element {
color: $teddy;
box-shadow: 0 0 0 2px rgba($teddy, 0.35);
}