色名 · #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);
}