이름 색상 · #E3ECED
Aquafir
Aquafir은(는) #E3ECED: rgb(227 236 237), hsl(186 22% 91%), oklch(0.937 0.01 204.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Aquafir color name →
#E3ECED
oklch(0.937 0.01 204.9)
색상 변환
- HEX
- #e3eced
- RGB
- rgb(227 236 237)
- HSL
- hsl(186 22% 91%)
- HWB
- hwb(186 89% 7%)
- OKLCH
- oklch(0.937 0.01 204.9)
- OKLab
- oklab(0.937 -0.009 -0.004)
- CIE Lab
- lab(92.73 -2.96 -1.58)
- LCH
- lch(92.73 3.36 208.1)
- CMYK
- cmyk(4% 0% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- E6EEEF
- E9F0F1
- EBF2F2
- EEF4F4
- F1F5F6
- F4F7F8
- F7F9FA
- F9FBFB
- FCFDFD
셰이드
- C5CDCE
- A8AFB0
- 8C9293
- 717677
- 575B5C
- 3F4242
- 27292A
- 121314
- 030303
톤
- D9E1E2
- CED5D6
- C4CACB
- BABFC0
- B0B4B5
- A6AAAA
- 9D9F9F
- 939595
- 898A8A
색 조화
보색 +180°
- E3ECED
Aquafir
- F0E8E7
≈ Frosty Morning
유사색 -30° +30°
- E3ECED
Aquafir
- E4ECE9
≈ Morning Song
- E4EBF0
≈ Out Cold
삼각 배색 +120° +240°
- E3ECED
Aquafir
- EDE8EE
≈ Greek Goddess
- EDEAE3
≈ Solid Opal
분열 보색 +150° +210°
- E3ECED
Aquafir
- F0E7EA
≈ Bride
- EFE8E4
≈ Holy Ghost
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.20:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.48:1 · APCA Lc 94
가장 좋은 글자색: #000000
WCAG 17.48:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--aquafir: #e3eced;
--aquafir-rgb: 227 236 237;
--aquafir-oklch: oklch(0.937 0.01 204.9);
}
.element {
color: var(--aquafir);
background-color: hsl(186 22% 91%);
border-color: oklch(0.937 0.01 204.9);
}Tailwind CSS v4
@theme {
--color-aquafir: #e3eced;
--color-aquafir-50: #f2f6f6;
--color-aquafir-100: #e4e9e9;
--color-aquafir-200: #d0d5d6;
--color-aquafir-300: #b2b9ba;
--color-aquafir-400: #98a0a1;
--color-aquafir-500: #7f8889;
--color-aquafir-600: #6c7374;
--color-aquafir-700: #565c5d;
--color-aquafir-800: #3f4344;
--color-aquafir-900: #2b2f2f;
--color-aquafir-950: #181b1b;
}SCSS
$aquafir: #e3eced;
$aquafir-rgb: 227, 236, 237;
$aquafir-light: mix(#fff, $aquafir, 20%);
$aquafir-dark: mix(#000, $aquafir, 20%);
.element {
color: $aquafir;
box-shadow: 0 0 0 2px rgba($aquafir, 0.35);
}