最も近い色名 · #E3FDEE
#E3FDEE
最も近い色名: Toxic Latte
#E3FDEE（rgb(227 253 238)、hsl(145 87% 94%)、oklch(0.971 0.034 160.5)）に最も近い色名はToxic Latteです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E3FDEE
oklch(0.971 0.034 160.5)
カラー変換
- HEX
- #e3fdee
- RGB
- rgb(227 253 238)
- HSL
- hsl(145 87% 94%)
- HWB
- hwb(145 89% 1%)
- OKLCH
- oklch(0.971 0.034 160.5)
- OKLab
- oklab(0.971 -0.032 0.011)
- CIE Lab
- lab(97.1 -10.82 4.18)
- LCH
- lch(97.1 11.6 158.9)
- CMYK
- cmyk(10% 0% 6% 1%)
ティント · シェード · トーン
ティント
- E6FDF0
- E9FDF1
- ECFEF3
- EEFEF5
- F1FEF6
- F4FEF8
- F7FEFA
- F9FFFC
- FCFFFD
シェード
- C5DCCF
- A8BCB1
- 8C9D93
- 717F77
- 57625C
- 3F4742
- 272D2A
- 121614
- 030303
トーン
- D9F0E2
- CEE3D7
- C4D6CC
- BAC9C1
- B0BDB5
- A7B0AA
- 9DA4A0
- 939895
- 898C8A
カラーハーモニー
補色 +180°
- E3FDEE
Toxic Latte
- FFF1F9
≈ Pinkish White
類似色 -30° +30°
- E3FDEE
Toxic Latte
- EEFBE3
≈ Crème de Menthe
- DDFDFB
≈ Cold Canada
トライアド +120° +240°
- E3FDEE
Toxic Latte
- F3F5FF
≈ Cotton Ball
- FFF2EE
≈ Polished Pink
スプリットコンプリメンタリー +150° +210°
- E3FDEE
Toxic Latte
- F9F2FF
≈ Cloud Break
- FFF2F3
≈ Glimpse of Pink
テトラード +90° +180° +270°
- E3FDEE
Toxic Latte
- EFF6FF
≈ Alice Blue
- FFF1F9
≈ Pinkish White
- FFF3E7
≈ What’s Left
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.07:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 19.55:1 · APCA Lc 102
最適な文字色: #000000
WCAG 19.55:1 (AAA) · APCA Lc 102
Contrast pairs
コードスニペット
CSS
:root {
--toxic-latte: #e3fdee;
--toxic-latte-rgb: 227 253 238;
--toxic-latte-oklch: oklch(0.971 0.034 160.5);
}
.element {
color: var(--toxic-latte);
background-color: hsl(145 87% 94%);
border-color: oklch(0.971 0.034 160.5);
}Tailwind CSS v4
@theme {
--color-toxic-latte: #e3fdee;
--color-toxic-latte-50: #edf8f2;
--color-toxic-latte-100: #dfece4;
--color-toxic-latte-200: #c8d9d0;
--color-toxic-latte-300: #a9bdb2;
--color-toxic-latte-400: #8ea598;
--color-toxic-latte-500: #738d7f;
--color-toxic-latte-600: #62786b;
--color-toxic-latte-700: #4e6056;
--color-toxic-latte-800: #39463e;
--color-toxic-latte-900: #27302b;
--color-toxic-latte-950: #151d18;
}SCSS
$toxic-latte: #e3fdee;
$toxic-latte-rgb: 227, 253, 238;
$toxic-latte-light: mix(#fff, $toxic-latte, 20%);
$toxic-latte-dark: mix(#000, $toxic-latte, 20%);
.element {
color: $toxic-latte;
box-shadow: 0 0 0 2px rgba($toxic-latte, 0.35);
}