이름 색상 · #E5E5E1
Apollo Landing
Apollo Landing은(는) #E5E5E1: rgb(229 229 225), hsl(60 7% 89%), oklch(0.921 0.005 106.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Apollo Landing color name →
#E5E5E1
oklch(0.921 0.005 106.5)
색상 변환
- HEX
- #e5e5e1
- RGB
- rgb(229 229 225)
- HSL
- hsl(60 7% 89%)
- HWB
- hwb(60 88% 10%)
- OKLCH
- oklch(0.921 0.005 106.5)
- OKLab
- oklab(0.921 -0.002 0.005)
- CIE Lab
- lab(90.86 -0.53 1.96)
- LCH
- lch(90.86 2.03 105.1)
- CMYK
- cmyk(0% 0% 2% 10%)
틴트 · 셰이드 · 톤
틴트
- E8E8E4
- EAEAE7
- EDEDEA
- EFEFED
- F2F2F0
- F5F5F3
- F7F7F6
- FAFAF9
- FCFCFC
셰이드
- C7C7C4
- AAAAA7
- 8E8E8B
- 727270
- 585856
- 3F3F3E
- 282827
- 121212
- 030302
톤
- DADAD7
- D0D0CD
- C6C6C3
- BBBBB9
- B1B1AF
- A7A7A6
- 9D9D9C
- 939393
- 8A8A89
색 조화
보색 +180°
- E5E5E1
Apollo Landing
- E4E4E8
≈ Lilac Mist
유사색 -30° +30°
- E5E5E1
Apollo Landing
- E7E4E1
≈ Fading Fog
- E3E6E2
≈ Blue Kiss
삼각 배색 +120° +240°
- E5E5E1
Apollo Landing
- E1E6E7
≈ Rarified Air
- E8E3E5
≈ Antique Petal
분열 보색 +150° +210°
- E5E5E1
Apollo Landing
- E2E5E8
≈ Arctic Dawn
- E6E4E7
≈ Lilac Mist
사각 배색 +90° +180° +270°
- E5E5E1
Apollo Landing
- E1E6E6
≈ Rarified Air
- E4E4E8
≈ Lilac Mist
- E8E3E3
≈ Antique Petal
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.26:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.62:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.62:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--apollo-landing: #e5e5e1;
--apollo-landing-rgb: 229 229 225;
--apollo-landing-oklch: oklch(0.921 0.005 106.5);
}
.element {
color: var(--apollo-landing);
background-color: hsl(60 7% 89%);
border-color: oklch(0.921 0.005 106.5);
}Tailwind CSS v4
@theme {
--color-apollo-landing: #e5e5e1;
--color-apollo-landing-50: #f5f5f3;
--color-apollo-landing-100: #e8e8e6;
--color-apollo-landing-200: #d4d4d2;
--color-apollo-landing-300: #b7b7b4;
--color-apollo-landing-400: #9f9f9b;
--color-apollo-landing-500: #868682;
--color-apollo-landing-600: #72726e;
--color-apollo-landing-700: #5b5b58;
--color-apollo-landing-800: #424240;
--color-apollo-landing-900: #2e2e2c;
--color-apollo-landing-950: #1b1b19;
}SCSS
$apollo-landing: #e5e5e1;
$apollo-landing-rgb: 229, 229, 225;
$apollo-landing-light: mix(#fff, $apollo-landing, 20%);
$apollo-landing-dark: mix(#000, $apollo-landing, 20%);
.element {
color: $apollo-landing;
box-shadow: 0 0 0 2px rgba($apollo-landing, 0.35);
}