色名 · #EEEECC
Silkworm
Silkwormは#EEEECC：rgb(238 238 204)、hsl(60 50% 87%)、oklch(0.94 0.045 107.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Silkworm color name →
#EEEECC
oklch(0.94 0.045 107.2)
カラー変換
- HEX
- #eeeecc
- RGB
- rgb(238 238 204)
- HSL
- hsl(60 50% 87%)
- HWB
- hwb(60 80% 7%)
- OKLCH
- oklch(0.94 0.045 107.2)
- OKLab
- oklab(0.94 -0.013 0.043)
- CIE Lab
- lab(93.44 -4.16 16.55)
- LCH
- lch(93.44 17.07 104.1)
- CMYK
- cmyk(0% 0% 14% 7%)
ティント · シェード · トーン
ティント
- F0F0D1
- F1F1D6
- F3F3DB
- F5F5E1
- F6F7E6
- F8F8EB
- FAFAF0
- FCFCF5
- FDFDFA
シェード
- CFCFB1
- B1B197
- 93937E
- 777765
- 5C5C4E
- 424237
- 2A2A22
- 14140F
- 030302
トーン
- E2E2C4
- D7D7BC
- CCCCB5
- C0C1AD
- B5B6A5
- AAAB9E
- A0A096
- 95958F
- 8A8A87
カラーハーモニー
補色 +180°
- EEEECC
Silkworm
- E9E9FF
≈ Glitter
類似色 -30° +30°
- EEEECC
Silkworm
- FCE8CB
≈ Spanish Lace
- DEF3D6
≈ Aquarelle Mint
トライアド +120° +240°
- EEEECC
Silkworm
- D2F1FF
≈ Water
- FFE2F0
≈ Pale Blossom
スプリットコンプリメンタリー +150° +210°
- EEEECC
Silkworm
- DFECFF
≈ Calcareous Sinter
- F8E3FF
≈ Soft Lavender
テトラード +90° +180° +270°
- EEEECC
Silkworm
- CAF5F6
≈ Vaporised
- E9E9FF
≈ Glitter
- FFE4E4
≈ Misty Rose
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.18:1 · APCA Lc 9
Ag
AAA黒の上
WCAG 17.73:1 · APCA Lc 95
最適な文字色: #000000
WCAG 17.73:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--silkworm: #eeeecc;
--silkworm-rgb: 238 238 204;
--silkworm-oklch: oklch(0.94 0.045 107.2);
}
.element {
color: var(--silkworm);
background-color: hsl(60 50% 87%);
border-color: oklch(0.94 0.045 107.2);
}Tailwind CSS v4
@theme {
--color-silkworm: #eeeecc;
--color-silkworm-50: #f6f6e8;
--color-silkworm-100: #e9e9d9;
--color-silkworm-200: #d5d6c1;
--color-silkworm-300: #b9baa0;
--color-silkworm-400: #a1a182;
--color-silkworm-500: #898966;
--color-silkworm-600: #747457;
--color-silkworm-700: #5d5c45;
--color-silkworm-800: #444332;
--color-silkworm-900: #2f2f22;
--color-silkworm-950: #1c1b11;
}SCSS
$silkworm: #eeeecc;
$silkworm-rgb: 238, 238, 204;
$silkworm-light: mix(#fff, $silkworm, 20%);
$silkworm-dark: mix(#000, $silkworm, 20%);
.element {
color: $silkworm;
box-shadow: 0 0 0 2px rgba($silkworm, 0.35);
}