이름 색상 · #DDEDBD
Mellow Mint
Mellow Mint은(는) #DDEDBD: rgb(221 237 189), hsl(80 57% 84%), oklch(0.922 0.065 122.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Mellow Mint color name →
#DDEDBD
oklch(0.922 0.065 122.7)
색상 변환
- HEX
- #ddedbd
- RGB
- rgb(221 237 189)
- HSL
- hsl(80 57% 84%)
- HWB
- hwb(80 74% 7%)
- OKLCH
- oklch(0.922 0.065 122.7)
- OKLab
- oklab(0.922 -0.035 0.055)
- CIE Lab
- lab(91.63 -11.53 21.48)
- LCH
- lch(91.63 24.38 118.2)
- CMYK
- cmyk(7% 0% 20% 7%)
틴트 · 셰이드 · 톤
틴트
- E0EFC4
- E4F1CA
- E7F3D1
- EAF4D8
- EEF6DE
- F1F8E5
- F5FAEB
- F8FCF2
- FCFDF8
셰이드
- C0CEA4
- A4B08C
- 889374
- 6E775D
- 555C47
- 3D4233
- 262A1F
- 11140D
- 020302
톤
- D3E2B7
- CAD6B1
- C0CBAB
- B7C0A5
- ADB59E
- A4AA98
- 9BA092
- 92958C
- 898A86
색 조화
보색 +180°
- DDEDBD
Mellow Mint
- EBDFFF
≈ Lavender Savour
유사색 -30° +30°
- DDEDBD
Mellow Mint
- F4E5B4
≈ Smooth as Corn Silk
- C5F3D1
≈ Mint Gloss
삼각 배색 +120° +240°
- DDEDBD
Mellow Mint
- CFE9FF
≈ Veiling Waterfalls
- FFDAE3
≈ It’s a Girl!
분열 보색 +150° +210°
- DDEDBD
Mellow Mint
- DCE4FF
≈ Stoic White
- FFD7F7
≈ Strawberry Frost
사각 배색 +90° +180° +270°
- DDEDBD
Mellow Mint
- B3F1FF
≈ Northrend
- EBDFFF
≈ Lavender Savour
- FFDCD4
≈ Soft Orange Bloom
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.24:1 · APCA Lc 12
Ag
AAA검은색 위
WCAG 16.92:1 · APCA Lc 92
가장 좋은 글자색: #000000
WCAG 16.92:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--mellow-mint: #ddedbd;
--mellow-mint-rgb: 221 237 189;
--mellow-mint-oklch: oklch(0.922 0.065 122.7);
}
.element {
color: var(--mellow-mint);
background-color: hsl(80 57% 84%);
border-color: oklch(0.922 0.065 122.7);
}Tailwind CSS v4
@theme {
--color-mellow-mint: #ddedbd;
--color-mellow-mint-50: #f1f9e5;
--color-mellow-mint-100: #e3ecd5;
--color-mellow-mint-200: #cedabb;
--color-mellow-mint-300: #b0be99;
--color-mellow-mint-400: #97a57a;
--color-mellow-mint-500: #7e8d5c;
--color-mellow-mint-600: #6b784f;
--color-mellow-mint-700: #55603f;
--color-mellow-mint-800: #3f462c;
--color-mellow-mint-900: #2b301e;
--color-mellow-mint-950: #191d0e;
}SCSS
$mellow-mint: #ddedbd;
$mellow-mint-rgb: 221, 237, 189;
$mellow-mint-light: mix(#fff, $mellow-mint, 20%);
$mellow-mint-dark: mix(#000, $mellow-mint, 20%);
.element {
color: $mellow-mint;
box-shadow: 0 0 0 2px rgba($mellow-mint, 0.35);
}