色名 · #E6BCA0
Mollusca
Molluscaは#E6BCA0：rgb(230 188 160)、hsl(24 58% 76%)、oklch(0.825 0.062 55.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Mollusca color name →
#E6BCA0
oklch(0.825 0.062 55.4)
カラー変換
- HEX
- #e6bca0
- RGB
- rgb(230 188 160)
- HSL
- hsl(24 58% 76%)
- HWB
- hwb(24 63% 10%)
- OKLCH
- oklch(0.825 0.062 55.4)
- OKLab
- oklab(0.825 0.035 0.051)
- CIE Lab
- lab(79.49 12.64 20.19)
- LCH
- lch(79.49 23.82 58)
- CMYK
- cmyk(0% 18% 30% 10%)
ティント · シェード · トーン
ティント
- E9C3A9
- EBC9B3
- EED0BC
- F1D7C6
- F3DDCF
- F6E4D9
- F8EBE2
- FAF2EC
- FDF8F5
シェード
- C8A38B
- AB8B76
- 8E7361
- 735D4E
- 59473B
- 403229
- 281F19
- 130D09
- 030201
トーン
- DBB69D
- D1B09A
- C7AA97
- BCA494
- B29E90
- A8988D
- 9E928A
- 948C87
- 8A8683
カラーハーモニー
補色 +180°
- E6BCA0
Mollusca
- A0CDE9
≈ Mediterranean Charm
類似色 -30° +30°
- E6BCA0
Mollusca
- EBB7B1
≈ Beauty Bush
- D8C398
≈ Chamomile Tea
トライアド +120° +240°
- E6BCA0
Mollusca
- 9CD3C4
≈ Aqua Glow
- C8BEEA
≈ Violet Gems
スプリットコンプリメンタリー +150° +210°
- E6BCA0
Mollusca
- 96D2D9
≈ Maya Green
- B3C6EF
≈ Promise Keeping
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.74:1 · APCA Lc 32
Ag
AAA黒の上
WCAG 12.06:1 · APCA Lc 71
最適な文字色: #000000
WCAG 12.06:1 (AAA) · APCA Lc 71
Contrast pairs
コードスニペット
CSS
:root {
--mollusca: #e6bca0;
--mollusca-rgb: 230 188 160;
--mollusca-oklch: oklch(0.825 0.062 55.4);
}
.element {
color: var(--mollusca);
background-color: hsl(24 58% 76%);
border-color: oklch(0.825 0.062 55.4);
}Tailwind CSS v4
@theme {
--color-mollusca: #e6bca0;
--color-mollusca-50: #fff1e4;
--color-mollusca-100: #f9e3d4;
--color-mollusca-200: #e9cebb;
--color-mollusca-300: #d0b099;
--color-mollusca-400: #bc957c;
--color-mollusca-500: #a67c5e;
--color-mollusca-600: #8d6950;
--color-mollusca-700: #715440;
--color-mollusca-800: #543d2e;
--color-mollusca-900: #3a2a1f;
--color-mollusca-950: #24170f;
}SCSS
$mollusca: #e6bca0;
$mollusca-rgb: 230, 188, 160;
$mollusca-light: mix(#fff, $mollusca, 20%);
$mollusca-dark: mix(#000, $mollusca, 20%);
.element {
color: $mollusca;
box-shadow: 0 0 0 2px rgba($mollusca, 0.35);
}