色名 · #E0D1A0
Woven
Wovenは#E0D1A0：rgb(224 209 160)、hsl(46 51% 75%)、oklch(0.861 0.066 93.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Woven color name →
#E0D1A0
oklch(0.861 0.066 93.1)
カラー変換
- HEX
- #e0d1a0
- RGB
- rgb(224 209 160)
- HSL
- hsl(46 51% 75%)
- HWB
- hwb(46 63% 12%)
- OKLCH
- oklch(0.861 0.066 93.1)
- OKLab
- oklab(0.861 -0.004 0.066)
- CIE Lab
- lab(84.19 -0.08 26.38)
- LCH
- lch(84.19 26.38 90.2)
- CMYK
- cmyk(0% 7% 29% 12%)
ティント · シェード · トーン
ティント
- E3D6AA
- E6DAB3
- E9DFBD
- ECE3C6
- EFE8D0
- F3EDD9
- F6F1E3
- F9F6EC
- FCFAF6
シェード
- C3B58B
- A69B76
- 8A8161
- 70684E
- 56503B
- 3E3929
- 272319
- 121009
- 020201
トーン
- D6C99D
- CCC09A
- C2B897
- B8B094
- AFA891
- A5A08E
- 9C988A
- 929087
- 898883
カラーハーモニー
補色 +180°
- E0D1A0
Woven
- C3CFFE
≈ Lavender Blue
類似色 -30° +30°
- E0D1A0
Woven
- F1C9A5
≈ Peaches’n’Cream
- C9D9A9
≈ Chameleon
トライアド +120° +240°
- E0D1A0
Woven
- 9FDDEB
≈ Luminescent Blue
- EDC2E4
≈ Rosy Nectar
スプリットコンプリメンタリー +150° +210°
- E0D1A0
Woven
- ACD7FA
≈ Malmö FF
- DAC7F6
≈ Neon Boneyard
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.52:1 · APCA Lc 24
Ag
AAA黒の上
WCAG 13.79:1 · APCA Lc 79
最適な文字色: #000000
WCAG 13.79:1 (AAA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--woven: #e0d1a0;
--woven-rgb: 224 209 160;
--woven-oklch: oklch(0.861 0.066 93.1);
}
.element {
color: var(--woven);
background-color: hsl(46 51% 75%);
border-color: oklch(0.861 0.066 93.1);
}Tailwind CSS v4
@theme {
--color-woven: #e0d1a0;
--color-woven-50: #fbf5e0;
--color-woven-100: #eee8d0;
--color-woven-200: #ddd5b5;
--color-woven-300: #c2b891;
--color-woven-400: #ac9e71;
--color-woven-500: #958552;
--color-woven-600: #7e7146;
--color-woven-700: #655a37;
--color-woven-800: #4b4227;
--color-woven-900: #342d1a;
--color-woven-950: #1f1a0b;
}SCSS
$woven: #e0d1a0;
$woven-rgb: 224, 209, 160;
$woven-light: mix(#fff, $woven, 20%);
$woven-dark: mix(#000, $woven, 20%);
.element {
color: $woven;
box-shadow: 0 0 0 2px rgba($woven, 0.35);
}