色名 · #A08D71
Tuscan Mosaic
Tuscan Mosaicは#A08D71：rgb(160 141 113)、hsl(36 20% 54%)、oklch(0.653 0.046 77.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Tuscan Mosaic color name →
#A08D71
oklch(0.653 0.046 77.4)
カラー変換
- HEX
- #a08d71
- RGB
- rgb(160 141 113)
- HSL
- hsl(36 20% 54%)
- HWB
- hwb(36 44% 37%)
- OKLCH
- oklch(0.653 0.046 77.4)
- OKLab
- oklab(0.653 0.01 0.045)
- CIE Lab
- lab(59.81 4.12 17.75)
- LCH
- lch(59.81 18.22 76.9)
- CMYK
- cmyk(0% 12% 29% 37%)
ティント · シェード · トーン
ティント
- A9987F
- B2A38C
- BCAE9A
- C5B9A8
- CFC5B6
- D8D0C4
- E2DCD3
- EBE7E1
- F5F3F0
シェード
- 8B7A61
- 766752
- 615543
- 4E4435
- 3B3327
- 29231A
- 19140E
- 090704
- 010101
トーン
- 9D8C73
- 9A8A74
- 968976
- 938878
- 908779
- 8D857A
- 8A847C
- 86837D
- 83817F
カラーハーモニー
補色 +180°
- A08D71
Tuscan Mosaic
- 7F92AC
≈ Lilac Blue
類似色 -30° +30°
- A08D71
Tuscan Mosaic
- A88878
≈ Vagabond
- 939272
≈ Inness Sage
トライアド +120° +240°
- A08D71
Tuscan Mosaic
- 6F999A
≈ Teal & Tonic
- 9C88A3
≈ Amethyst Grey Violet
スプリットコンプリメンタリー +150° +210°
- A08D71
Tuscan Mosaic
- 7396A6
≈ Smoky Blue
- 8E8CAB
≈ Non Skid Grey
テトラード +90° +180° +270°
- A08D71
Tuscan Mosaic
- 75998A
≈ Silent Sage
- 7F92AC
≈ Lilac Blue
- A68595
≈ Mohair Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.20:1 · APCA Lc 59
Ag
AA黒の上
WCAG 6.54:1 · APCA Lc 42
最適な文字色: #000000
WCAG 6.54:1 (AA) · APCA Lc 42
Contrast pairs
コードスニペット
CSS
:root {
--tuscan-mosaic: #a08d71;
--tuscan-mosaic-rgb: 160 141 113;
--tuscan-mosaic-oklch: oklch(0.653 0.046 77.4);
}
.element {
color: var(--tuscan-mosaic);
background-color: hsl(36 20% 54%);
border-color: oklch(0.653 0.046 77.4);
}Tailwind CSS v4
@theme {
--color-tuscan-mosaic: #a08d71;
--color-tuscan-mosaic-50: #fcf4e7;
--color-tuscan-mosaic-100: #f0e7d7;
--color-tuscan-mosaic-200: #dfd2bf;
--color-tuscan-mosaic-300: #c4b59e;
--color-tuscan-mosaic-400: #ae9b81;
--color-tuscan-mosaic-500: #978364;
--color-tuscan-mosaic-600: #806f55;
--color-tuscan-mosaic-700: #665844;
--color-tuscan-mosaic-800: #4c4031;
--color-tuscan-mosaic-900: #352c21;
--color-tuscan-mosaic-950: #201910;
}SCSS
$tuscan-mosaic: #a08d71;
$tuscan-mosaic-rgb: 160, 141, 113;
$tuscan-mosaic-light: mix(#fff, $tuscan-mosaic, 20%);
$tuscan-mosaic-dark: mix(#000, $tuscan-mosaic, 20%);
.element {
color: $tuscan-mosaic;
box-shadow: 0 0 0 2px rgba($tuscan-mosaic, 0.35);
}