이름 색상 · #A2806F
Tattered Teddy
Tattered Teddy은(는) #A2806F: rgb(162 128 111), hsl(20 22% 54%), oklch(0.628 0.049 47.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Tattered Teddy color name →
#A2806F
oklch(0.628 0.049 47.9)
색상 변환
- HEX
- #a2806f
- RGB
- rgb(162 128 111)
- HSL
- hsl(20 22% 54%)
- HWB
- hwb(20 44% 36%)
- OKLCH
- oklch(0.628 0.049 47.9)
- OKLab
- oklab(0.628 0.033 0.036)
- CIE Lab
- lab(56.56 11.66 14.52)
- LCH
- lch(56.56 18.62 51.2)
- CMYK
- cmyk(0% 21% 31% 36%)
틴트 · 셰이드 · 톤
틴트
- AB8C7D
- B4988A
- BEA598
- C7B1A6
- D0BEB5
- DACBC3
- E3D8D2
- ECE5E1
- F6F2F0
셰이드
- 8C6E60
- 775D51
- 634D42
- 4F3D34
- 3C2E27
- 2A1F1A
- 19120E
- 0A0604
- 010101
톤
- 9F8071
- 9B8073
- 988074
- 958076
- 918078
- 8E8079
- 8B807B
- 87807D
- 84807E
색 조화
보색 +180°
- A2806F
Tattered Teddy
- 698FA0
≈ Leisure Blue
유사색 -30° +30°
- A2806F
Tattered Teddy
- A47D7D
≈ Cherry Mocha
- 998567
≈ Rugged
삼각 배색 +120° +240°
- A2806F
Tattered Teddy
- 6C9283
≈ Pine Ridge
- 8684A5
≈ Velvet Curtain
분열 보색 +150° +210°
- A2806F
Tattered Teddy
- 659293
≈ Pauley
- 768AA7
≈ Starset
사각 배색 +90° +180° +270°
- A2806F
Tattered Teddy
- 7A9073
≈ Loden Frost
- 698FA0
≈ Leisure Blue
- 957F9C
≈ Mixed Berries
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.58:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.85:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.85:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--tattered-teddy: #a2806f;
--tattered-teddy-rgb: 162 128 111;
--tattered-teddy-oklch: oklch(0.628 0.049 47.9);
}
.element {
color: var(--tattered-teddy);
background-color: hsl(20 22% 54%);
border-color: oklch(0.628 0.049 47.9);
}Tailwind CSS v4
@theme {
--color-tattered-teddy: #a2806f;
--color-tattered-teddy-50: #fff1e9;
--color-tattered-teddy-100: #f6e4da;
--color-tattered-teddy-200: #e7cfc2;
--color-tattered-teddy-300: #cdb1a2;
--color-tattered-teddy-400: #b89686;
--color-tattered-teddy-500: #a27d6a;
--color-tattered-teddy-600: #896a5a;
--color-tattered-teddy-700: #6e5448;
--color-tattered-teddy-800: #513d34;
--color-tattered-teddy-900: #392a23;
--color-tattered-teddy-950: #231812;
}SCSS
$tattered-teddy: #a2806f;
$tattered-teddy-rgb: 162, 128, 111;
$tattered-teddy-light: mix(#fff, $tattered-teddy, 20%);
$tattered-teddy-dark: mix(#000, $tattered-teddy, 20%);
.element {
color: $tattered-teddy;
box-shadow: 0 0 0 2px rgba($tattered-teddy, 0.35);
}