色名 · #CCBCA9
Attic Linen
Attic Linenは#CCBCA9：rgb(204 188 169)、hsl(33 26% 73%)、oklch(0.803 0.032 72.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Attic Linen color name →
#CCBCA9
oklch(0.803 0.032 72.1)
カラー変換
- HEX
- #ccbca9
- RGB
- rgb(204 188 169)
- HSL
- hsl(33 26% 73%)
- HWB
- hwb(33 66% 20%)
- OKLCH
- oklch(0.803 0.032 72.1)
- OKLab
- oklab(0.803 0.01 0.03)
- CIE Lab
- lab(77.22 3.55 11.81)
- LCH
- lch(77.22 12.33 73.3)
- CMYK
- cmyk(0% 8% 17% 20%)
ティント · シェード · トーン
ティント
- D1C3B1
- D6C9BA
- DBD0C2
- E0D6CB
- E5DDD3
- EAE4DC
- F0EBE5
- F5F1ED
- FAF8F6
シェード
- B1A392
- 978B7C
- 7E7367
- 655D53
- 4E473F
- 37322C
- 221F1B
- 0F0D0A
- 020201
トーン
- C4B6A5
- BCB0A1
- B5AA9D
- ADA499
- A59E94
- 9E9890
- 96928C
- 8F8C88
- 878684
カラーハーモニー
補色 +180°
- CCBCA9
Attic Linen
- B1C1D3
≈ Snow Flurries
類似色 -30° +30°
- CCBCA9
Attic Linen
- D2B9AF
≈ Cracker Crumbs
- C2C0A9
≈ Swing Sage
トライアド +120° +240°
- CCBCA9
Attic Linen
- A8C6C4
≈ Blende Blue
- C6B9CE
≈ Fog Syringa
スプリットコンプリメンタリー +150° +210°
- CCBCA9
Attic Linen
- A9C4CE
≈ Salt Spray
- BBBDD3
≈ Twilight Pearl
テトラード +90° +180° +270°
- CCBCA9
Attic Linen
- ADC6B9
≈ Sparkling Lake
- B1C1D3
≈ Snow Flurries
- CEB7C5
≈ Pink Pampas
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.85:1 · APCA Lc 35
Ag
AAA黒の上
WCAG 11.33:1 · APCA Lc 68
最適な文字色: #000000
WCAG 11.33:1 (AAA) · APCA Lc 68
Contrast pairs
コードスニペット
CSS
:root {
--attic-linen: #ccbca9;
--attic-linen-rgb: 204 188 169;
--attic-linen-oklch: oklch(0.803 0.032 72.1);
}
.element {
color: var(--attic-linen);
background-color: hsl(33 26% 73%);
border-color: oklch(0.803 0.032 72.1);
}Tailwind CSS v4
@theme {
--color-attic-linen: #ccbca9;
--color-attic-linen-50: #fbf4eb;
--color-attic-linen-100: #eee7dd;
--color-attic-linen-200: #ddd3c6;
--color-attic-linen-300: #c1b5a6;
--color-attic-linen-400: #aa9c8a;
--color-attic-linen-500: #94836f;
--color-attic-linen-600: #7d6f5f;
--color-attic-linen-700: #64594b;
--color-attic-linen-800: #4a4137;
--color-attic-linen-900: #332d25;
--color-attic-linen-950: #1f1a14;
}SCSS
$attic-linen: #ccbca9;
$attic-linen-rgb: 204, 188, 169;
$attic-linen-light: mix(#fff, $attic-linen, 20%);
$attic-linen-dark: mix(#000, $attic-linen, 20%);
.element {
color: $attic-linen;
box-shadow: 0 0 0 2px rgba($attic-linen, 0.35);
}