이름 색상 · #E1F5E5
Frozen Civilization
Frozen Civilization은(는) #E1F5E5: rgb(225 245 229), hsl(132 50% 92%), oklch(0.951 0.03 151.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Frozen Civilization color name →
#E1F5E5
oklch(0.951 0.03 151.5)
색상 변환
- HEX
- #e1f5e5
- RGB
- rgb(225 245 229)
- HSL
- hsl(132 50% 92%)
- HWB
- hwb(132 88% 4%)
- OKLCH
- oklch(0.951 0.03 151.5)
- OKLab
- oklab(0.951 -0.026 0.014)
- CIE Lab
- lab(94.72 -8.98 5.37)
- LCH
- lch(94.72 10.46 149.1)
- CMYK
- cmyk(8% 0% 7% 4%)
틴트 · 셰이드 · 톤
틴트
- E4F6E8
- E7F7EA
- EAF8ED
- EDF9EF
- F0FAF2
- F3FBF5
- F6FCF7
- F9FDFA
- FCFEFC
셰이드
- C4D5C7
- A7B6AA
- 8B988E
- 707B72
- 565F58
- 3E443F
- 272B28
- 121512
- 020303
톤
- D7E9DA
- CDDDD0
- C3D0C6
- B9C5BB
- AFB9B1
- A6ADA7
- 9CA29D
- 939693
- 898B8A
색 조화
보색 +180°
- E1F5E5
Frozen Civilization
- FBE8F8
≈ Dolomite Crystal
유사색 -30° +30°
- E1F5E5
Frozen Civilization
- EBF2DC
≈ Diminished Mint
- DAF6F0
≈ Diluted Mint
삼각 배색 +120° +240°
- E1F5E5
Frozen Civilization
- E9EEFF
≈ Brilliant White
- FFE9E5
≈ Sheer Rosebud
분열 보색 +150° +210°
- E1F5E5
Frozen Civilization
- F2EBFF
≈ Placebo Purple
- FFE8ED
≈ Rose Mochi
사각 배색 +90° +180° +270°
- E1F5E5
Frozen Civilization
- E0F2FF
≈ Wizard White
- FBE8F8
≈ Dolomite Crystal
- FEEBDB
≈ Flowerbed
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.14:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 18.39:1 · APCA Lc 98
가장 좋은 글자색: #000000
WCAG 18.39:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--frozen-civilization: #e1f5e5;
--frozen-civilization-rgb: 225 245 229;
--frozen-civilization-oklch: oklch(0.951 0.03 151.5);
}
.element {
color: var(--frozen-civilization);
background-color: hsl(132 50% 92%);
border-color: oklch(0.951 0.03 151.5);
}Tailwind CSS v4
@theme {
--color-frozen-civilization: #e1f5e5;
--color-frozen-civilization-50: #eff8f1;
--color-frozen-civilization-100: #e1ebe3;
--color-frozen-civilization-200: #cbd8ce;
--color-frozen-civilization-300: #acbcb0;
--color-frozen-civilization-400: #92a496;
--color-frozen-civilization-500: #788c7c;
--color-frozen-civilization-600: #667769;
--color-frozen-civilization-700: #515f54;
--color-frozen-civilization-800: #3b453d;
--color-frozen-civilization-900: #29302a;
--color-frozen-civilization-950: #171c17;
}SCSS
$frozen-civilization: #e1f5e5;
$frozen-civilization-rgb: 225, 245, 229;
$frozen-civilization-light: mix(#fff, $frozen-civilization, 20%);
$frozen-civilization-dark: mix(#000, $frozen-civilization, 20%);
.element {
color: $frozen-civilization;
box-shadow: 0 0 0 2px rgba($frozen-civilization, 0.35);
}