이름 색상 · #E0E4DB
Shy Mint
Shy Mint은(는) #E0E4DB: rgb(224 228 219), hsl(87 14% 88%), oklch(0.913 0.013 126.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Shy Mint color name →
#E0E4DB
oklch(0.913 0.013 126.4)
색상 변환
- HEX
- #e0e4db
- RGB
- rgb(224 228 219)
- HSL
- hsl(87 14% 88%)
- HWB
- hwb(87 86% 11%)
- OKLCH
- oklch(0.913 0.013 126.4)
- OKLab
- oklab(0.913 -0.008 0.01)
- CIE Lab
- lab(90.09 -2.59 3.91)
- LCH
- lch(90.09 4.69 123.5)
- CMYK
- cmyk(2% 0% 4% 11%)
틴트 · 셰이드 · 톤
틴트
- E3E7DF
- E6E9E2
- E9ECE6
- ECEFE9
- EFF1ED
- F3F4F0
- F6F7F4
- F9FAF8
- FCFCFB
셰이드
- C3C6BE
- A6A9A2
- 8A8D87
- 70726D
- 565854
- 3E3F3C
- 272826
- 121211
- 020302
톤
- D6DAD2
- CCCFC8
- C2C5BF
- B8BBB6
- AFB1AC
- A5A7A3
- 9C9D9A
- 929391
- 898A89
색 조화
보색 +180°
- E0E4DB
Shy Mint
- E4E0E9
≈ White Bud
유사색 -30° +30°
- E0E4DB
Shy Mint
- E5E2D9
≈ Origami White
- DCE5DF
≈ Melting Snowman
삼각 배색 +120° +240°
- E0E4DB
Shy Mint
- DCE3EB
≈ Icelandic
- EADFE1
≈ Pink Posey
분열 보색 +150° +210°
- E0E4DB
Shy Mint
- E0E2EB
≈ White Lavender
- E8DFE5
≈ Dainty Flower
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.28:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.28:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.28:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--shy-mint: #e0e4db;
--shy-mint-rgb: 224 228 219;
--shy-mint-oklch: oklch(0.913 0.013 126.4);
}
.element {
color: var(--shy-mint);
background-color: hsl(87 14% 88%);
border-color: oklch(0.913 0.013 126.4);
}Tailwind CSS v4
@theme {
--color-shy-mint: #e0e4db;
--color-shy-mint-50: #f4f6f2;
--color-shy-mint-100: #e6e9e4;
--color-shy-mint-200: #d2d5d0;
--color-shy-mint-300: #b5b9b2;
--color-shy-mint-400: #9ca098;
--color-shy-mint-500: #84887f;
--color-shy-mint-600: #70736b;
--color-shy-mint-700: #595c56;
--color-shy-mint-800: #41433e;
--color-shy-mint-900: #2d2e2b;
--color-shy-mint-950: #1a1b18;
}SCSS
$shy-mint: #e0e4db;
$shy-mint-rgb: 224, 228, 219;
$shy-mint-light: mix(#fff, $shy-mint, 20%);
$shy-mint-dark: mix(#000, $shy-mint, 20%);
.element {
color: $shy-mint;
box-shadow: 0 0 0 2px rgba($shy-mint, 0.35);
}