色名 · #D3C8BD
Realist Beige
Realist Beigeは#D3C8BD：rgb(211 200 189)、hsl(30 20% 78%)、oklch(0.839 0.02 67.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Realist Beige color name →
#D3C8BD
oklch(0.839 0.02 67.6)
カラー変換
- HEX
- #d3c8bd
- RGB
- rgb(211 200 189)
- HSL
- hsl(30 20% 78%)
- HWB
- hwb(30 74% 17%)
- OKLCH
- oklch(0.839 0.02 67.6)
- OKLab
- oklab(0.839 0.007 0.018)
- CIE Lab
- lab(81.28 2.57 6.97)
- LCH
- lch(81.28 7.43 69.7)
- CMYK
- cmyk(0% 5% 10% 17%)
ティント · シェード · トーン
ティント
- D7CDC3
- DCD3CA
- E0D8D0
- E4DED7
- E9E3DE
- EDE9E4
- F2EEEB
- F6F4F2
- FBF9F8
シェード
- B7AEA4
- 9C948C
- 827B74
- 69635D
- 514C47
- 3A3633
- 24211F
- 100F0D
- 020202
トーン
- CAC1B7
- C2B9B0
- B9B2AA
- B1ABA4
- A9A39E
- A09C98
- 989592
- 908E8C
- 888786
カラーハーモニー
補色 +180°
- D3C8BD
Realist Beige
- C0CCD6
≈ Siberian Ice
類似色 -30° +30°
- D3C8BD
Realist Beige
- D6C6C1
≈ Weathered Hide
- CDCABC
≈ White Duck
トライアド +120° +240°
- D3C8BD
Realist Beige
- BDCECC
≈ Babbling Brook
- CDC7D4
≈ Amethyst Tint
スプリットコンプリメンタリー +150° +210°
- D3C8BD
Realist Beige
- BDCED3
≈ Shhh…
- C7C9D7
≈ Daybreak Beckons
テトラード +90° +180° +270°
- D3C8BD
Realist Beige
- C0CEC5
≈ Piedmont
- C0CCD6
≈ Siberian Ice
- D3C5CF
≈ Enchant
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.64:1 · APCA Lc 29
Ag
AAA黒の上
WCAG 12.76:1 · APCA Lc 74
最適な文字色: #000000
WCAG 12.76:1 (AAA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--realist-beige: #d3c8bd;
--realist-beige-rgb: 211 200 189;
--realist-beige-oklch: oklch(0.839 0.02 67.6);
}
.element {
color: var(--realist-beige);
background-color: hsl(30 20% 78%);
border-color: oklch(0.839 0.02 67.6);
}Tailwind CSS v4
@theme {
--color-realist-beige: #d3c8bd;
--color-realist-beige-50: #f9f4ef;
--color-realist-beige-100: #ece7e1;
--color-realist-beige-200: #dad3cb;
--color-realist-beige-300: #beb6ad;
--color-realist-beige-400: #a69c92;
--color-realist-beige-500: #8f8479;
--color-realist-beige-600: #797066;
--color-realist-beige-700: #615952;
--color-realist-beige-800: #47413b;
--color-realist-beige-900: #312d29;
--color-realist-beige-950: #1d1a17;
}SCSS
$realist-beige: #d3c8bd;
$realist-beige-rgb: 211, 200, 189;
$realist-beige-light: mix(#fff, $realist-beige, 20%);
$realist-beige-dark: mix(#000, $realist-beige, 20%);
.element {
color: $realist-beige;
box-shadow: 0 0 0 2px rgba($realist-beige, 0.35);
}