色名 · #ADA090
Taupe Tone
Taupe Toneは#ADA090：rgb(173 160 144)、hsl(33 15% 62%)、oklch(0.712 0.027 73.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Taupe Tone color name →
#ADA090
oklch(0.712 0.027 73.1)
カラー変換
- HEX
- #ada090
- RGB
- rgb(173 160 144)
- HSL
- hsl(33 15% 62%)
- HWB
- hwb(33 56% 32%)
- OKLCH
- oklch(0.712 0.027 73.1)
- OKLab
- oklab(0.712 0.008 0.026)
- CIE Lab
- lab(66.66 2.89 10.17)
- LCH
- lch(66.66 10.58 74.2)
- CMYK
- cmyk(0% 8% 17% 32%)
ティント · シェード · トーン
ティント
- B5A99B
- BDB2A5
- C5BCB0
- CDC5BB
- D5CFC6
- DED8D1
- E6E2DD
- EEEBE8
- F7F5F3
シェード
- 968B7D
- 7F766A
- 6A6157
- 554E45
- 413B34
- 2D2924
- 1B1915
- 0B0907
- 010101
トーン
- A89D8E
- A49A8D
- 9F968B
- 9B938A
- 969088
- 928D86
- 8D8A85
- 898683
- 848382
カラーハーモニー
補色 +180°
- ADA090
Taupe Tone
- 97A4B3
≈ River Valley
類似色 -30° +30°
- ADA090
Taupe Tone
- B29D95
≈ Iris Mauve
- A5A390
≈ Cement
トライアド +120° +240°
- ADA090
Taupe Tone
- 8FA8A7
≈ In the Deep End
- A89EAF
≈ Goose Wing Grey
スプリットコンプリメンタリー +150° +210°
- ADA090
Taupe Tone
- 91A6AF
≈ Galleria Blue
- 9FA0B3
≈ Santas Grey
テトラード +90° +180° +270°
- ADA090
Taupe Tone
- 94A89D
≈ Melville
- 97A4B3
≈ River Valley
- AF9CA7
≈ On the Nile
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.55:1 · APCA Lc 50
Ag
AAA黒の上
WCAG 8.20:1 · APCA Lc 52
最適な文字色: #000000
WCAG 8.20:1 (AAA) · APCA Lc 52
Contrast pairs
コードスニペット
CSS
:root {
--taupe-tone: #ada090;
--taupe-tone-rgb: 173 160 144;
--taupe-tone-oklch: oklch(0.712 0.027 73.1);
}
.element {
color: var(--taupe-tone);
background-color: hsl(33 15% 62%);
border-color: oklch(0.712 0.027 73.1);
}Tailwind CSS v4
@theme {
--color-taupe-tone: #ada090;
--color-taupe-tone-50: #faf4ed;
--color-taupe-tone-100: #ede7de;
--color-taupe-tone-200: #dbd3c8;
--color-taupe-tone-300: #c0b6a8;
--color-taupe-tone-400: #a99c8d;
--color-taupe-tone-500: #928473;
--color-taupe-tone-600: #7b7061;
--color-taupe-tone-700: #63594e;
--color-taupe-tone-800: #494138;
--color-taupe-tone-900: #322d26;
--color-taupe-tone-950: #1e1a15;
}SCSS
$taupe-tone: #ada090;
$taupe-tone-rgb: 173, 160, 144;
$taupe-tone-light: mix(#fff, $taupe-tone, 20%);
$taupe-tone-dark: mix(#000, $taupe-tone, 20%);
.element {
color: $taupe-tone;
box-shadow: 0 0 0 2px rgba($taupe-tone, 0.35);
}