色名 · #CEC2AA
Threaded Loom
Threaded Loomは#CEC2AA：rgb(206 194 170)、hsl(40 27% 74%)、oklch(0.818 0.035 84.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Threaded Loom color name →
#CEC2AA
oklch(0.818 0.035 84.6)
カラー変換
- HEX
- #cec2aa
- RGB
- rgb(206 194 170)
- HSL
- hsl(40 27% 74%)
- HWB
- hwb(40 67% 19%)
- OKLCH
- oklch(0.818 0.035 84.6)
- OKLab
- oklab(0.818 0.003 0.035)
- CIE Lab
- lab(78.95 1.43 13.72)
- LCH
- lch(78.95 13.79 84)
- CMYK
- cmyk(0% 6% 17% 19%)
ティント · シェード · トーン
ティント
- D3C8B2
- D8CEBB
- DDD4C3
- E1DACC
- E6E0D4
- EBE6DD
- F0ECE5
- F5F3EE
- FAF9F6
シェード
- B3A893
- 988F7D
- 7F7768
- 666053
- 4E493F
- 38342D
- 23201B
- 0F0E0B
- 020201
トーン
- C6BBA6
- BEB4A2
- B6AE9D
- AEA799
- A6A095
- 9E9A91
- 97938D
- 8F8D88
- 878684
カラーハーモニー
補色 +180°
- CEC2AA
Threaded Loom
- B8C4DB
≈ Alley
類似色 -30° +30°
- CEC2AA
Threaded Loom
- D6BEAE
≈ Elusive Dawn
- C2C6AD
≈ Sicily Sea
トライアド +120° +240°
- CEC2AA
Threaded Loom
- AACACE
≈ Sky Chase
- CFBCD0
≈ Tamed Beauty
スプリットコンプリメンタリー +150° +210°
- CEC2AA
Threaded Loom
- AEC8D7
≈ Sonata
- C4BFD8
≈ Purple Dragon
テトラード +90° +180° +270°
- CEC2AA
Threaded Loom
- ADCBC2
≈ Baby Aqua
- B8C4DB
≈ Alley
- D7BAC4
≈ Queen’s Tart
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.76:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 11.92:1 · APCA Lc 70
最適な文字色: #000000
WCAG 11.92:1 (AAA) · APCA Lc 70
Contrast pairs
コードスニペット
CSS
:root {
--threaded-loom: #cec2aa;
--threaded-loom-rgb: 206 194 170;
--threaded-loom-oklch: oklch(0.818 0.035 84.6);
}
.element {
color: var(--threaded-loom);
background-color: hsl(40 27% 74%);
border-color: oklch(0.818 0.035 84.6);
}Tailwind CSS v4
@theme {
--color-threaded-loom: #cec2aa;
--color-threaded-loom-50: #f9f5ea;
--color-threaded-loom-100: #ede7db;
--color-threaded-loom-200: #dbd4c4;
--color-threaded-loom-300: #bfb7a3;
--color-threaded-loom-400: #a89d87;
--color-threaded-loom-500: #91856c;
--color-threaded-loom-600: #7b705b;
--color-threaded-loom-700: #625a49;
--color-threaded-loom-800: #484135;
--color-threaded-loom-900: #322d24;
--color-threaded-loom-950: #1e1a13;
}SCSS
$threaded-loom: #cec2aa;
$threaded-loom-rgb: 206, 194, 170;
$threaded-loom-light: mix(#fff, $threaded-loom, 20%);
$threaded-loom-dark: mix(#000, $threaded-loom, 20%);
.element {
color: $threaded-loom;
box-shadow: 0 0 0 2px rgba($threaded-loom, 0.35);
}