色名 · #EBDED7
Berry Frost
Berry Frostは#EBDED7：rgb(235 222 215)、hsl(21 33% 88%)、oklch(0.909 0.017 50.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Berry Frost color name →
#EBDED7
oklch(0.909 0.017 50.4)
カラー変換
- HEX
- #ebded7
- RGB
- rgb(235 222 215)
- HSL
- hsl(21 33% 88%)
- HWB
- hwb(21 84% 8%)
- OKLCH
- oklch(0.909 0.017 50.4)
- OKLab
- oklab(0.909 0.011 0.013)
- CIE Lab
- lab(89.38 3.72 5.12)
- LCH
- lch(89.38 6.33 54)
- CMYK
- cmyk(0% 6% 9% 8%)
ティント · シェード · トーン
ティント
- EDE1DB
- EFE5DF
- F1E8E3
- F3EBE7
- F5EEEB
- F7F2EF
- F9F5F3
- FBF8F7
- FDFCFB
シェード
- CCC1BB
- AEA59F
- 918985
- 756F6B
- 5B5552
- 413D3B
- 292625
- 131211
- 030202
トーン
- E0D4CE
- D5CAC5
- CAC1BC
- BFB7B3
- B4AEAA
- A9A4A2
- 9F9B99
- 949291
- 8A8988
カラーハーモニー
補色 +180°
- EBDED7
Berry Frost
- D6E3EA
≈ Ethereal Moonlight
類似色 -30° +30°
- EBDED7
Berry Frost
- ECDDDC
≈ St. Nicholas Beard
- E7E0D5
≈ Aquarelle Beige
トライアド +120° +240°
- EBDED7
Berry Frost
- D6E5DF
≈ Fizzle
- E0DFEC
≈ Monterey Mist
スプリットコンプリメンタリー +150° +210°
- EBDED7
Berry Frost
- D5E5E5
≈ Lauren’s Surprise
- DAE1ED
≈ Vaguely Violet
テトラード +90° +180° +270°
- EBDED7
Berry Frost
- DBE4D9
≈ Mineral White
- D6E3EA
≈ Ethereal Moonlight
- E6DDE8
≈ Orchid Lane
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.31:1 · APCA Lc 16
Ag
AAA黒の上
WCAG 15.96:1 · APCA Lc 88
最適な文字色: #000000
WCAG 15.96:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--berry-frost: #ebded7;
--berry-frost-rgb: 235 222 215;
--berry-frost-oklch: oklch(0.909 0.017 50.4);
}
.element {
color: var(--berry-frost);
background-color: hsl(21 33% 88%);
border-color: oklch(0.909 0.017 50.4);
}Tailwind CSS v4
@theme {
--color-berry-frost: #ebded7;
--color-berry-frost-50: #f9f4f1;
--color-berry-frost-100: #ede6e3;
--color-berry-frost-200: #dbd2ce;
--color-berry-frost-300: #bfb5af;
--color-berry-frost-400: #a79c96;
--color-berry-frost-500: #90837c;
--color-berry-frost-600: #7a6f69;
--color-berry-frost-700: #625954;
--color-berry-frost-800: #48413d;
--color-berry-frost-900: #322d2a;
--color-berry-frost-950: #1e1a18;
}SCSS
$berry-frost: #ebded7;
$berry-frost-rgb: 235, 222, 215;
$berry-frost-light: mix(#fff, $berry-frost, 20%);
$berry-frost-dark: mix(#000, $berry-frost, 20%);
.element {
color: $berry-frost;
box-shadow: 0 0 0 2px rgba($berry-frost, 0.35);
}