色名 · #C8ABA7
Rosy Tan
Rosy Tanは#C8ABA7：rgb(200 171 167)、hsl(7 23% 72%)、oklch(0.765 0.034 27.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Rosy Tan color name →
#C8ABA7
oklch(0.765 0.034 27.2)
カラー変換
- HEX
- #c8aba7
- RGB
- rgb(200 171 167)
- HSL
- hsl(7 23% 72%)
- HWB
- hwb(7 65% 22%)
- OKLCH
- oklch(0.765 0.034 27.2)
- OKLab
- oklab(0.765 0.031 0.016)
- CIE Lab
- lab(72.49 10.4 6.18)
- LCH
- lch(72.49 12.1 30.7)
- CMYK
- cmyk(0% 15% 16% 22%)
ティント · シェード · トーン
ティント
- CEB3B0
- D3BBB8
- D9C4C1
- DECCC9
- E4D4D2
- E9DDDB
- EFE5E4
- F4EEED
- FAF6F6
シェード
- AE9491
- 947E7B
- 7B6866
- 635452
- 4C403E
- 362D2C
- 211B1A
- 0F0B0A
- 020101
トーン
- C1A7A3
- B9A29F
- B29E9B
- AB9A97
- A49593
- 9C918F
- 958D8C
- 8E8888
- 878484
カラーハーモニー
補色 +180°
- C8ABA7
Rosy Tan
- 9AB9BE
≈ Windswept Clouds
類似色 -30° +30°
- C8ABA7
Rosy Tan
- C6AAB3
≈ Pale Lychee
- C4AE9E
≈ California Stucco
トライアド +120° +240°
- C8ABA7
Rosy Tan
- A5B9A6
≈ Aqua Foam
- A9B3CA
≈ Ballroom Blue
スプリットコンプリメンタリー +150° +210°
- C8ABA7
Rosy Tan
- 9DBAB2
≈ Opal Silk
- 9FB7C6
≈ Country Air
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.13:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.83:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
CSS
:root {
--rosy-tan: #c8aba7;
--rosy-tan-rgb: 200 171 167;
--rosy-tan-oklch: oklch(0.765 0.034 27.2);
}
.element {
color: var(--rosy-tan);
background-color: hsl(7 23% 72%);
border-color: oklch(0.765 0.034 27.2);
}Tailwind CSS v4
@theme {
--color-rosy-tan: #c8aba7;
--color-rosy-tan-50: #fff2ef;
--color-rosy-tan-100: #f3e4e1;
--color-rosy-tan-200: #e3cfcc;
--color-rosy-tan-300: #c9b1ad;
--color-rosy-tan-400: #b29793;
--color-rosy-tan-500: #9c7e7a;
--color-rosy-tan-600: #846b67;
--color-rosy-tan-700: #6a5552;
--color-rosy-tan-800: #4e3e3c;
--color-rosy-tan-900: #362b29;
--color-rosy-tan-950: #211817;
}SCSS
$rosy-tan: #c8aba7;
$rosy-tan-rgb: 200, 171, 167;
$rosy-tan-light: mix(#fff, $rosy-tan, 20%);
$rosy-tan-dark: mix(#000, $rosy-tan, 20%);
.element {
color: $rosy-tan;
box-shadow: 0 0 0 2px rgba($rosy-tan, 0.35);
}