色名 · #C2AA8D
Palomino Tan
Palomino Tanは#C2AA8D：rgb(194 170 141)、hsl(33 30% 66%)、oklch(0.751 0.049 72.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Palomino Tan color name →
#C2AA8D
oklch(0.751 0.049 72.2)
カラー変換
- HEX
- #c2aa8d
- RGB
- rgb(194 170 141)
- HSL
- hsl(33 30% 66%)
- HWB
- hwb(33 55% 24%)
- OKLCH
- oklch(0.751 0.049 72.2)
- OKLab
- oklab(0.751 0.015 0.046)
- CIE Lab
- lab(71.17 5.72 18.38)
- LCH
- lch(71.17 19.25 72.7)
- CMYK
- cmyk(0% 12% 27% 24%)
ティント · シェード · トーン
ティント
- C8B298
- CEBBA3
- D4C3AE
- DACBBA
- E0D4C5
- E6DCD1
- EDE5DC
- F3EEE8
- F9F6F3
シェード
- A8937A
- 8F7D67
- 776855
- 605344
- 493F33
- 342D23
- 201B14
- 0E0B07
- 020101
トーン
- BBA68C
- B5A28B
- AE9D89
- A79988
- A19587
- 9A9186
- 938D84
- 8D8883
- 868481
カラーハーモニー
補色 +180°
- C2AA8D
Palomino Tan
- 99B1CD
≈ Heartsong
類似色 -30° +30°
- C2AA8D
Palomino Tan
- CAA596
≈ Howdy Partner
- B4B08D
≈ That’s Atomic
トライアド +120° +240°
- C2AA8D
Palomino Tan
- 8BB9B6
≈ Vintage Blue
- B9A6C5
≈ Extraordinaire
スプリットコンプリメンタリー +150° +210°
- C2AA8D
Palomino Tan
- 8DB6C5
≈ Pond Blue
- A9ABCD
≈ Melody Purple
テトラード +90° +180° +270°
- C2AA8D
Palomino Tan
- 93B8A5
≈ Lichen
- 99B1CD
≈ Heartsong
- C5A3B7
≈ Taste of Berry
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.22:1 · APCA Lc 44
Ag
AAA黒の上
WCAG 9.42:1 · APCA Lc 58
最適な文字色: #000000
WCAG 9.42:1 (AAA) · APCA Lc 58
Contrast pairs
コードスニペット
CSS
:root {
--palomino-tan: #c2aa8d;
--palomino-tan-rgb: 194 170 141;
--palomino-tan-oklch: oklch(0.751 0.049 72.2);
}
.element {
color: var(--palomino-tan);
background-color: hsl(33 30% 66%);
border-color: oklch(0.751 0.049 72.2);
}Tailwind CSS v4
@theme {
--color-palomino-tan: #c2aa8d;
--color-palomino-tan-50: #fef3e6;
--color-palomino-tan-100: #f2e6d7;
--color-palomino-tan-200: #e1d2be;
--color-palomino-tan-300: #c7b49c;
--color-palomino-tan-400: #b19a7f;
--color-palomino-tan-500: #9b8163;
--color-palomino-tan-600: #836e54;
--color-palomino-tan-700: #695843;
--color-palomino-tan-800: #4d4030;
--color-palomino-tan-900: #362c20;
--color-palomino-tan-950: #211910;
}SCSS
$palomino-tan: #c2aa8d;
$palomino-tan-rgb: 194, 170, 141;
$palomino-tan-light: mix(#fff, $palomino-tan, 20%);
$palomino-tan-dark: mix(#000, $palomino-tan, 20%);
.element {
color: $palomino-tan;
box-shadow: 0 0 0 2px rgba($palomino-tan, 0.35);
}