色名 · #D9BEAA
Tagsale Linen
Tagsale Linenは#D9BEAA：rgb(217 190 170)、hsl(26 38% 76%)、oklch(0.819 0.041 58.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Tagsale Linen color name →
#D9BEAA
oklch(0.819 0.041 58.7)
カラー変換
- HEX
- #d9beaa
- RGB
- rgb(217 190 170)
- HSL
- hsl(26 38% 76%)
- HWB
- hwb(26 67% 15%)
- OKLCH
- oklch(0.819 0.041 58.7)
- OKLab
- oklab(0.819 0.021 0.035)
- CIE Lab
- lab(78.92 7.62 13.85)
- LCH
- lch(78.92 15.81 61.2)
- CMYK
- cmyk(0% 12% 22% 15%)
ティント · シェード · トーン
ティント
- DDC4B2
- E1CBBB
- E5D1C3
- E8D8CC
- ECDED4
- F0E5DD
- F4EBE5
- F8F2EE
- FBF8F6
シェード
- BCA593
- A18C7D
- 867568
- 6C5E53
- 53483F
- 3B332D
- 251F1B
- 110D0B
- 020201
トーン
- D0B8A6
- C7B1A2
- BEAB9D
- B5A599
- AC9F95
- A39891
- 9A928D
- 918C88
- 898684
カラーハーモニー
補色 +180°
- D9BEAA
Tagsale Linen
- ACC8DC
≈ Caspian Tide
類似色 -30° +30°
- D9BEAA
Tagsale Linen
- DEBAB5
≈ Rose Hip Tonic
- CFC3A6
≈ Cyrus Grass
トライアド +120° +240°
- D9BEAA
Tagsale Linen
- A8CDC4
≈ Baby Aqua
- C7BFDC
≈ Purple Dragon
スプリットコンプリメンタリー +150° +210°
- D9BEAA
Tagsale Linen
- A6CCD2
≈ Grand Entrance
- B9C3E0
≈ Etherium Blue
テトラード +90° +180° +270°
- D9BEAA
Tagsale Linen
- B2CCB5
≈ Healing Aloe
- ACC8DC
≈ Caspian Tide
- D3BBD1
≈ Sunday Gloves
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.76:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 11.89:1 · APCA Lc 70
最適な文字色: #000000
WCAG 11.89:1 (AAA) · APCA Lc 70
Contrast pairs
コードスニペット
CSS
:root {
--tagsale-linen: #d9beaa;
--tagsale-linen-rgb: 217 190 170;
--tagsale-linen-oklch: oklch(0.819 0.041 58.7);
}
.element {
color: var(--tagsale-linen);
background-color: hsl(26 38% 76%);
border-color: oklch(0.819 0.041 58.7);
}Tailwind CSS v4
@theme {
--color-tagsale-linen: #d9beaa;
--color-tagsale-linen-50: #fef3ea;
--color-tagsale-linen-100: #f3e5da;
--color-tagsale-linen-200: #e2d1c3;
--color-tagsale-linen-300: #c8b3a3;
--color-tagsale-linen-400: #b29987;
--color-tagsale-linen-500: #9c806b;
--color-tagsale-linen-600: #836c5b;
--color-tagsale-linen-700: #695749;
--color-tagsale-linen-800: #4e3f35;
--color-tagsale-linen-900: #362b24;
--color-tagsale-linen-950: #211913;
}SCSS
$tagsale-linen: #d9beaa;
$tagsale-linen-rgb: 217, 190, 170;
$tagsale-linen-light: mix(#fff, $tagsale-linen, 20%);
$tagsale-linen-dark: mix(#000, $tagsale-linen, 20%);
.element {
color: $tagsale-linen;
box-shadow: 0 0 0 2px rgba($tagsale-linen, 0.35);
}