이름 색상 · #DAE2B2
Frosty Margarita
Frosty Margarita은(는) #DAE2B2: rgb(218 226 178), hsl(70 45% 79%), oklch(0.895 0.064 115.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Frosty Margarita color name →
#DAE2B2
oklch(0.895 0.064 115.4)
색상 변환
- HEX
- #dae2b2
- RGB
- rgb(218 226 178)
- HSL
- hsl(70 45% 79%)
- HWB
- hwb(70 70% 11%)
- OKLCH
- oklch(0.895 0.064 115.4)
- OKLab
- oklab(0.895 -0.027 0.058)
- CIE Lab
- lab(88.36 -8.68 22.62)
- LCH
- lch(88.36 24.23 111)
- CMYK
- cmyk(4% 0% 21% 11%)
틴트 · 셰이드 · 톤
틴트
- DEE5BA
- E1E8C2
- E5EBC9
- E9EED1
- ECF1D9
- F0F4E0
- F4F6E8
- F7F9F0
- FBFCF7
셰이드
- BDC49A
- A2A883
- 878C6D
- 6C7157
- 545743
- 3C3E2F
- 25271D
- 11120C
- 020301
톤
- D1D8AD
- C7CEA8
- BEC4A3
- B5BA9E
- ACB099
- A3A694
- 9A9C8F
- 91938A
- 898985
색 조화
보색 +180°
- DAE2B2
Frosty Margarita
- DFD5FF
≈ Pale Lavender
유사색 -30° +30°
- DAE2B2
Frosty Margarita
- F0DAAC
≈ Vinaigrette
- C3E8C3
≈ Lime Sorbet
삼각 배색 +120° +240°
- DAE2B2
Frosty Margarita
- B7E3FF
≈ Frozen Landscape
- FFCCDE
≈ Linnet Egg Red
분열 보색 +150° +210°
- DAE2B2
Frosty Margarita
- CCDCFF
≈ Arc Light
- F3CEF4
≈ Bubblegum Crisis
사각 배색 +90° +180° +270°
- DAE2B2
Frosty Margarita
- AAE9F1
≈ Uranus
- DFD5FF
≈ Pale Lavender
- FFCFCA
≈ Aromatic Breeze
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.35:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.50:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.50:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--frosty-margarita: #dae2b2;
--frosty-margarita-rgb: 218 226 178;
--frosty-margarita-oklch: oklch(0.895 0.064 115.4);
}
.element {
color: var(--frosty-margarita);
background-color: hsl(70 45% 79%);
border-color: oklch(0.895 0.064 115.4);
}Tailwind CSS v4
@theme {
--color-frosty-margarita: #dae2b2;
--color-frosty-margarita-50: #f3f8e4;
--color-frosty-margarita-100: #e6ebd3;
--color-frosty-margarita-200: #d2d8ba;
--color-frosty-margarita-300: #b4bc97;
--color-frosty-margarita-400: #9ca378;
--color-frosty-margarita-500: #848c5a;
--color-frosty-margarita-600: #70764d;
--color-frosty-margarita-700: #595e3d;
--color-frosty-margarita-800: #42452b;
--color-frosty-margarita-900: #2e301d;
--color-frosty-margarita-950: #1a1c0d;
}SCSS
$frosty-margarita: #dae2b2;
$frosty-margarita-rgb: 218, 226, 178;
$frosty-margarita-light: mix(#fff, $frosty-margarita, 20%);
$frosty-margarita-dark: mix(#000, $frosty-margarita, 20%);
.element {
color: $frosty-margarita;
box-shadow: 0 0 0 2px rgba($frosty-margarita, 0.35);
}