色名 · #D4C6AF
Parlour Taupe
Parlour Taupeは#D4C6AF：rgb(212 198 175)、hsl(37 30% 76%)、oklch(0.832 0.035 80.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Parlour Taupe color name →
#D4C6AF
oklch(0.832 0.035 80.3)
カラー変換
- HEX
- #d4c6af
- RGB
- rgb(212 198 175)
- HSL
- hsl(37 30% 76%)
- HWB
- hwb(37 69% 17%)
- OKLCH
- oklch(0.832 0.035 80.3)
- OKLab
- oklab(0.832 0.006 0.034)
- CIE Lab
- lab(80.59 2.29 13.43)
- LCH
- lch(80.59 13.63 80.3)
- CMYK
- cmyk(0% 7% 17% 17%)
ティント · シェード · トーン
ティント
- D8CCB7
- DDD1BF
- E1D7C7
- E5DDCF
- E9E2D7
- EEE8DF
- F2EEE7
- F6F3EF
- FBF9F7
シェード
- B8AC98
- 9D9281
- 837A6B
- 696256
- 514B41
- 3A352E
- 24211C
- 100E0B
- 020201
トーン
- CBBFAA
- C3B8A6
- BAB0A1
- B2A99C
- A9A297
- A19B93
- 98948E
- 908E89
- 888785
カラーハーモニー
補色 +180°
- D4C6AF
Parlour Taupe
- BBC9DF
≈ Penna
類似色 -30° +30°
- D4C6AF
Parlour Taupe
- DCC2B4
≈ Marshmallow Cocoa
- C9CAB1
≈ Whispering Pine
トライアド +120° +240°
- D4C6AF
Parlour Taupe
- AFCFD1
≈ Clinical Soft Blue
- D3C1D6
≈ Tender Violet
スプリットコンプリメンタリー +150° +210°
- D4C6AF
Parlour Taupe
- B2CDDB
≈ Arctic Circle
- C7C5DE
≈ Violet Sweet Pea
テトラード +90° +180° +270°
- D4C6AF
Parlour Taupe
- B2D0C4
≈ Lester
- BBC9DF
≈ Penna
- DBBFCB
≈ Twilight Light
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.68:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.49:1 · APCA Lc 73
最適な文字色: #000000
WCAG 12.49:1 (AAA) · APCA Lc 73
Contrast pairs
コードスニペット
CSS
:root {
--parlour-taupe: #d4c6af;
--parlour-taupe-rgb: 212 198 175;
--parlour-taupe-oklch: oklch(0.832 0.035 80.3);
}
.element {
color: var(--parlour-taupe);
background-color: hsl(37 30% 76%);
border-color: oklch(0.832 0.035 80.3);
}Tailwind CSS v4
@theme {
--color-parlour-taupe: #d4c6af;
--color-parlour-taupe-50: #faf4ea;
--color-parlour-taupe-100: #eee7db;
--color-parlour-taupe-200: #dcd3c4;
--color-parlour-taupe-300: #c0b6a4;
--color-parlour-taupe-400: #a99d88;
--color-parlour-taupe-500: #92846c;
--color-parlour-taupe-600: #7c705c;
--color-parlour-taupe-700: #635949;
--color-parlour-taupe-800: #494135;
--color-parlour-taupe-900: #332d24;
--color-parlour-taupe-950: #1e1a13;
}SCSS
$parlour-taupe: #d4c6af;
$parlour-taupe-rgb: 212, 198, 175;
$parlour-taupe-light: mix(#fff, $parlour-taupe, 20%);
$parlour-taupe-dark: mix(#000, $parlour-taupe, 20%);
.element {
color: $parlour-taupe;
box-shadow: 0 0 0 2px rgba($parlour-taupe, 0.35);
}