色名 · #D6BEA1
Silken Stockings
Silken Stockingsは#D6BEA1：rgb(214 190 161)、hsl(33 39% 74%)、oklch(0.814 0.048 72.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Silken Stockings color name →
#D6BEA1
oklch(0.814 0.048 72.3)
カラー変換
- HEX
- #d6bea1
- RGB
- rgb(214 190 161)
- HSL
- hsl(33 39% 74%)
- HWB
- hwb(33 63% 16%)
- OKLCH
- oklch(0.814 0.048 72.3)
- OKLab
- oklab(0.814 0.015 0.046)
- CIE Lab
- lab(78.48 5.52 17.99)
- LCH
- lch(78.48 18.82 72.9)
- CMYK
- cmyk(0% 11% 25% 16%)
ティント · シェード · トーン
ティント
- DAC4AA
- DECBB4
- E2D1BD
- E6D8C6
- EBDED0
- EFE5D9
- F3EBE2
- F7F2EC
- FBF8F5
シェード
- BAA58B
- 9E8C76
- 847562
- 6A5E4E
- 52483C
- 3B332A
- 251F19
- 100D09
- 020201
トーン
- CDB89E
- C4B19B
- BBAB97
- B3A594
- AA9F91
- A2988D
- 99928A
- 918C87
- 888683
カラーハーモニー
補色 +180°
- D6BEA1
Silken Stockings
- ADC5E1
≈ Simply Sparkling
類似色 -30° +30°
- D6BEA1
Silken Stockings
- DEB9AA
≈ Pickled Pork
- C8C4A1
≈ Oyster White
トライアド +120° +240°
- D6BEA1
Silken Stockings
- 9FCDCA
≈ Ice Boutique Turquoise
- CDBAD9
≈ Pussyfoot
スプリットコンプリメンタリー +150° +210°
- D6BEA1
Silken Stockings
- A1CAD9
≈ Piezo Blue
- BDBFE1
≈ Pretty Posie
テトラード +90° +180° +270°
- D6BEA1
Silken Stockings
- A7CCB9
≈ Bird’s Egg Green
- ADC5E1
≈ Simply Sparkling
- D9B7CB
≈ Blissfully Mine
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.78:1 · APCA Lc 33
Ag
AAA黒の上
WCAG 11.73:1 · APCA Lc 70
最適な文字色: #000000
WCAG 11.73:1 (AAA) · APCA Lc 70
Contrast pairs
コードスニペット
CSS
:root {
--silken-stockings: #d6bea1;
--silken-stockings-rgb: 214 190 161;
--silken-stockings-oklch: oklch(0.814 0.048 72.3);
}
.element {
color: var(--silken-stockings);
background-color: hsl(33 39% 74%);
border-color: oklch(0.814 0.048 72.3);
}Tailwind CSS v4
@theme {
--color-silken-stockings: #d6bea1;
--color-silken-stockings-50: #fef3e7;
--color-silken-stockings-100: #f2e6d7;
--color-silken-stockings-200: #e1d2be;
--color-silken-stockings-300: #c6b49d;
--color-silken-stockings-400: #b09a80;
--color-silken-stockings-500: #9a8163;
--color-silken-stockings-600: #826e54;
--color-silken-stockings-700: #685843;
--color-silken-stockings-800: #4d4030;
--color-silken-stockings-900: #362c21;
--color-silken-stockings-950: #211910;
}SCSS
$silken-stockings: #d6bea1;
$silken-stockings-rgb: 214, 190, 161;
$silken-stockings-light: mix(#fff, $silken-stockings, 20%);
$silken-stockings-dark: mix(#000, $silken-stockings, 20%);
.element {
color: $silken-stockings;
box-shadow: 0 0 0 2px rgba($silken-stockings, 0.35);
}