色名 · #E1E1D5
Fish Ceviche
Fish Cevicheは#E1E1D5：rgb(225 225 213)、hsl(60 17% 86%)、oklch(0.906 0.016 106.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Fish Ceviche color name →
#E1E1D5
oklch(0.906 0.016 106.7)
カラー変換
- HEX
- #e1e1d5
- RGB
- rgb(225 225 213)
- HSL
- hsl(60 17% 86%)
- HWB
- hwb(60 84% 12%)
- OKLCH
- oklch(0.906 0.016 106.7)
- OKLab
- oklab(0.906 -0.005 0.015)
- CIE Lab
- lab(89.28 -1.56 5.89)
- LCH
- lch(89.28 6.1 104.8)
- CMYK
- cmyk(0% 0% 5% 12%)
ティント · シェード · トーン
ティント
- E4E4D9
- E7E7DD
- EAEAE1
- EDEDE6
- F0F0EA
- F3F3EE
- F6F6F2
- F9F9F7
- FCFCFB
シェード
- C4C4B9
- A7A79E
- 8B8B83
- 70706A
- 565651
- 3E3E3A
- 272724
- 121210
- 020202
トーン
- D7D7CC
- CDCDC3
- C3C3BB
- B9B9B2
- AFAFAA
- A6A6A1
- 9C9C99
- 939390
- 898988
カラーハーモニー
補色 +180°
- E1E1D5
Fish Ceviche
- DFDFEB
≈ Timid Purple
類似色 -30° +30°
- E1E1D5
Fish Ceviche
- E6DFD5
≈ Pale Cashmere
- DBE3D8
≈ Eye of the Storm
トライアド +120° +240°
- E1E1D5
Fish Ceviche
- D6E3E8
≈ Bare Mintimum
- E9DCE2
≈ Purple Emulsion
スプリットコンプリメンタリー +150° +210°
- E1E1D5
Fish Ceviche
- D9E1EB
≈ Violet Vignette
- E4DDE7
≈ Pale Muse
テトラード +90° +180° +270°
- E1E1D5
Fish Ceviche
- D5E4E4
≈ Waterfront
- DFDFEB
≈ Timid Purple
- EBDCDC
≈ Discrete Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.31:1 · APCA Lc 16
Ag
AAA黒の上
WCAG 15.93:1 · APCA Lc 88
最適な文字色: #000000
WCAG 15.93:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--fish-ceviche: #e1e1d5;
--fish-ceviche-rgb: 225 225 213;
--fish-ceviche-oklch: oklch(0.906 0.016 106.7);
}
.element {
color: var(--fish-ceviche);
background-color: hsl(60 17% 86%);
border-color: oklch(0.906 0.016 106.7);
}Tailwind CSS v4
@theme {
--color-fish-ceviche: #e1e1d5;
--color-fish-ceviche-50: #f5f5f0;
--color-fish-ceviche-100: #e8e8e2;
--color-fish-ceviche-200: #d4d5cd;
--color-fish-ceviche-300: #b8b8af;
--color-fish-ceviche-400: #9f9f94;
--color-fish-ceviche-500: #87877b;
--color-fish-ceviche-600: #727268;
--color-fish-ceviche-700: #5b5b53;
--color-fish-ceviche-800: #43433c;
--color-fish-ceviche-900: #2e2e29;
--color-fish-ceviche-950: #1b1b17;
}SCSS
$fish-ceviche: #e1e1d5;
$fish-ceviche-rgb: 225, 225, 213;
$fish-ceviche-light: mix(#fff, $fish-ceviche, 20%);
$fish-ceviche-dark: mix(#000, $fish-ceviche, 20%);
.element {
color: $fish-ceviche;
box-shadow: 0 0 0 2px rgba($fish-ceviche, 0.35);
}