色名 · #ECE2CC
Ivory Lace
Ivory Laceは#ECE2CC：rgb(236 226 204)、hsl(41 46% 86%)、oklch(0.915 0.031 86.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Ivory Lace color name →
#ECE2CC
oklch(0.915 0.031 86.5)
カラー変換
- HEX
- #ece2cc
- RGB
- rgb(236 226 204)
- HSL
- hsl(41 46% 86%)
- HWB
- hwb(41 80% 7%)
- OKLCH
- oklch(0.915 0.031 86.5)
- OKLab
- oklab(0.915 0.002 0.031)
- CIE Lab
- lab(90.25 0.84 12.08)
- LCH
- lch(90.25 12.11 86)
- CMYK
- cmyk(0% 4% 14% 7%)
ティント · シェード · トーン
ティント
- EEE5D1
- F0E8D6
- F2EBDB
- F4EEE0
- F5F0E5
- F7F3EB
- F9F6F0
- FBF9F5
- FDFCFA
シェード
- CDC4B1
- AFA897
- 928C7E
- 767165
- 5B574E
- 423E37
- 292722
- 13120F
- 030302
トーン
- E1D8C4
- D5CEBC
- CAC4B5
- BFBAAD
- B5B0A5
- AAA69E
- 9F9C96
- 95938F
- 8A8987
カラーハーモニー
補色 +180°
- ECE2CC
Ivory Lace
- D9E3F9
≈ Aquarelle Purple
類似色 -30° +30°
- ECE2CC
Ivory Lace
- F4DECF
≈ Siren Song
- E1E6CF
≈ Willow Brook
トライアド +120° +240°
- ECE2CC
Ivory Lace
- CCE9ED
≈ Summer Mist
- EFDCEE
≈ Divine Dove
スプリットコンプリメンタリー +150° +210°
- ECE2CC
Ivory Lace
- D0E7F5
≈ New Heights
- E4DFF6
≈ Lingering Lilac
テトラード +90° +180° +270°
- ECE2CC
Ivory Lace
- CEEAE2
≈ Ice Water Green
- D9E3F9
≈ Aquarelle Purple
- F5DBE3
≈ Columbine
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黒の上
WCAG 16.31:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.31:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--ivory-lace: #ece2cc;
--ivory-lace-rgb: 236 226 204;
--ivory-lace-oklch: oklch(0.915 0.031 86.5);
}
.element {
color: var(--ivory-lace);
background-color: hsl(41 46% 86%);
border-color: oklch(0.915 0.031 86.5);
}Tailwind CSS v4
@theme {
--color-ivory-lace: #ece2cc;
--color-ivory-lace-50: #f9f5eb;
--color-ivory-lace-100: #ece8dc;
--color-ivory-lace-200: #dad4c6;
--color-ivory-lace-300: #beb7a6;
--color-ivory-lace-400: #a69e8a;
--color-ivory-lace-500: #8f856f;
--color-ivory-lace-600: #79715e;
--color-ivory-lace-700: #615a4b;
--color-ivory-lace-800: #474236;
--color-ivory-lace-900: #312d25;
--color-ivory-lace-950: #1d1a14;
}SCSS
$ivory-lace: #ece2cc;
$ivory-lace-rgb: 236, 226, 204;
$ivory-lace-light: mix(#fff, $ivory-lace, 20%);
$ivory-lace-dark: mix(#000, $ivory-lace, 20%);
.element {
color: $ivory-lace;
box-shadow: 0 0 0 2px rgba($ivory-lace, 0.35);
}