이름 색상 · #A0828A
Tropical Orchid
Tropical Orchid은(는) #A0828A: rgb(160 130 138), hsl(344 14% 57%), oklch(0.637 0.038 0.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Tropical Orchid color name →
#A0828A
oklch(0.637 0.038 0.4)
색상 변환
- HEX
- #a0828a
- RGB
- rgb(160 130 138)
- HSL
- hsl(344 14% 57%)
- HWB
- hwb(344 51% 37%)
- OKLCH
- oklch(0.637 0.038 0.4)
- OKLab
- oklab(0.637 0.038 0)
- CIE Lab
- lab(57.43 12.86 0.25)
- LCH
- lch(57.43 12.86 1.1)
- CMYK
- cmyk(0% 19% 14% 37%)
틴트 · 셰이드 · 톤
틴트
- A98E95
- B39AA0
- BCA6AC
- C6B2B7
- CFBFC3
- D9CBCF
- E2D8DB
- ECE5E7
- F5F2F3
셰이드
- 8B7077
- 765F65
- 614E53
- 4E3E42
- 3B2F32
- 292022
- 191214
- 090607
- 010101
톤
- 9D8289
- 9A8288
- 978287
- 938186
- 908185
- 8D8184
- 8A8183
- 878082
- 838081
색 조화
보색 +180°
- A0828A
Tropical Orchid
- 72938C
≈ Pool Tide
유사색 -30° +30°
- A0828A
Tropical Orchid
- 998396
≈ Berry Bliss
- A1837D
≈ Pigeon Pink
삼각 배색 +120° +240°
- A0828A
Tropical Orchid
- 888F75
≈ Ginkgo Tree
- 778FA1
≈ Jean Jacket Blue
분열 보색 +150° +210°
- A0828A
Tropical Orchid
- 7B927F
≈ Cyanara
- 719298
≈ Silk Khimar
사각 배색 +90° +180° +270°
- A0828A
Tropical Orchid
- 948B71
≈ Tawny Owl
- 72938C
≈ Pool Tide
- 828BA3
≈ Violet Aura
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.46:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.05:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 6.05:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--tropical-orchid: #a0828a;
--tropical-orchid-rgb: 160 130 138;
--tropical-orchid-oklch: oklch(0.637 0.038 0.4);
}
.element {
color: var(--tropical-orchid);
background-color: hsl(344 14% 57%);
border-color: oklch(0.637 0.038 0.4);
}Tailwind CSS v4
@theme {
--color-tropical-orchid: #a0828a;
--color-tropical-orchid-50: #fff1f4;
--color-tropical-orchid-100: #f4e3e7;
--color-tropical-orchid-200: #e3ced3;
--color-tropical-orchid-300: #c9b0b6;
--color-tropical-orchid-400: #b3959d;
--color-tropical-orchid-500: #9d7c85;
--color-tropical-orchid-600: #846970;
--color-tropical-orchid-700: #6a545a;
--color-tropical-orchid-800: #4e3d42;
--color-tropical-orchid-900: #362a2e;
--color-tropical-orchid-950: #21181a;
}SCSS
$tropical-orchid: #a0828a;
$tropical-orchid-rgb: 160, 130, 138;
$tropical-orchid-light: mix(#fff, $tropical-orchid, 20%);
$tropical-orchid-dark: mix(#000, $tropical-orchid, 20%);
.element {
color: $tropical-orchid;
box-shadow: 0 0 0 2px rgba($tropical-orchid, 0.35);
}