色名 · #E8DEE3
Precocious Red
Precocious Redは#E8DEE3：rgb(232 222 227)、hsl(330 18% 89%)、oklch(0.91 0.013 345.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Precocious Red color name →
#E8DEE3
oklch(0.91 0.013 345.5)
カラー変換
- HEX
- #e8dee3
- RGB
- rgb(232 222 227)
- HSL
- hsl(330 18% 89%)
- HWB
- hwb(330 87% 9%)
- OKLCH
- oklch(0.91 0.013 345.5)
- OKLab
- oklab(0.91 0.012 -0.003)
- CIE Lab
- lab(89.38 4.18 -1.17)
- LCH
- lch(89.38 4.34 344.3)
- CMYK
- cmyk(0% 4% 2% 9%)
ティント · シェード · トーン
ティント
- EAE1E6
- EDE5E9
- EFE8EB
- F1EBEE
- F3EEF1
- F6F2F4
- F8F5F7
- FAF8F9
- FDFCFC
シェード
- CAC1C5
- ACA5A8
- 90898C
- 746F71
- 595557
- 403D3F
- 292627
- 131212
- 030203
トーン
- DDD4D9
- D2CACE
- C8C1C4
- BDB7BA
- B3AEB0
- A8A4A6
- 9E9B9D
- 949293
- 8A8989
カラーハーモニー
補色 +180°
- E8DEE3
Precocious Red
- DAE4DF
≈ Cautious Jade
類似色 -30° +30°
- E8DEE3
Precocious Red
- E5DFE7
≈ Selago
- EADEDE
≈ Pink Posey
トライアド +120° +240°
- E8DEE3
Precocious Red
- E2E2D8
≈ Faded Forest
- D9E3E8
≈ Cityscape
スプリットコンプリメンタリー +150° +210°
- E8DEE3
Precocious Red
- DEE3DB
≈ Rosemary White
- D8E4E4
≈ Subtle Blue
テトラード +90° +180° +270°
- E8DEE3
Precocious Red
- E6E0D8
≈ Sunbleached
- DAE4DF
≈ Cautious Jade
- DCE2EA
≈ Star Map
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.31:1 · APCA Lc 16
Ag
AAA黒の上
WCAG 15.98:1 · APCA Lc 88
最適な文字色: #000000
WCAG 15.98:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--precocious-red: #e8dee3;
--precocious-red-rgb: 232 222 227;
--precocious-red-oklch: oklch(0.91 0.013 345.5);
}
.element {
color: var(--precocious-red);
background-color: hsl(330 18% 89%);
border-color: oklch(0.91 0.013 345.5);
}Tailwind CSS v4
@theme {
--color-precocious-red: #e8dee3;
--color-precocious-red-50: #f8f4f6;
--color-precocious-red-100: #ebe6e8;
--color-precocious-red-200: #d9d2d5;
--color-precocious-red-300: #bdb5b8;
--color-precocious-red-400: #a49ba0;
--color-precocious-red-500: #8d8388;
--color-precocious-red-600: #776f73;
--color-precocious-red-700: #5f595c;
--color-precocious-red-800: #464143;
--color-precocious-red-900: #302d2f;
--color-precocious-red-950: #1c1a1b;
}SCSS
$precocious-red: #e8dee3;
$precocious-red-rgb: 232, 222, 227;
$precocious-red-light: mix(#fff, $precocious-red, 20%);
$precocious-red-dark: mix(#000, $precocious-red, 20%);
.element {
color: $precocious-red;
box-shadow: 0 0 0 2px rgba($precocious-red, 0.35);
}