이름 색상 · #E2E5E2
Blue Kiss
Blue Kiss은(는) #E2E5E2: rgb(226 229 226), hsl(120 5% 89%), oklch(0.919 0.005 145.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Blue Kiss color name →
#E2E5E2
oklch(0.919 0.005 145.5)
색상 변환
- HEX
- #e2e5e2
- RGB
- rgb(226 229 226)
- HSL
- hsl(120 5% 89%)
- HWB
- hwb(120 89% 10%)
- OKLCH
- oklch(0.919 0.005 145.5)
- OKLab
- oklab(0.919 -0.004 0.003)
- CIE Lab
- lab(90.64 -1.45 1.09)
- LCH
- lch(90.64 1.81 142.9)
- CMYK
- cmyk(1% 0% 1% 10%)
틴트 · 셰이드 · 톤
틴트
- E5E8E5
- E8EAE8
- EBEDEB
- EEEFEE
- F0F2F0
- F3F5F3
- F6F7F6
- F9FAF9
- FCFCFC
셰이드
- C4C7C4
- A8AAA8
- 8C8E8C
- 717271
- 575857
- 3E3F3E
- 272827
- 121212
- 030303
톤
- D8DAD8
- CED0CE
- C4C6C4
- BABBBA
- B0B1B0
- A6A7A6
- 9C9D9C
- 939393
- 898A89
색 조화
보색 +180°
- E2E5E2
Blue Kiss
- E6E3E6
≈ Tripoli White
유사색 -30° +30°
- E2E5E2
Blue Kiss
- E4E5E1
≈ Apollo Landing
- E1E5E4
≈ Ski Slope
삼각 배색 +120° +240°
- E2E5E2
Blue Kiss
- E2E4E8
≈ Silver City
- E7E3E2
≈ Antique Petal
분열 보색 +150° +210°
- E2E5E2
Blue Kiss
- E4E3E7
≈ Wallflower White
- E7E3E4
≈ Antique Petal
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.26:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.53:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.53:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--blue-kiss: #e2e5e2;
--blue-kiss-rgb: 226 229 226;
--blue-kiss-oklch: oklch(0.919 0.005 145.5);
}
.element {
color: var(--blue-kiss);
background-color: hsl(120 5% 89%);
border-color: oklch(0.919 0.005 145.5);
}Tailwind CSS v4
@theme {
--color-blue-kiss: #e2e5e2;
--color-blue-kiss-50: #f4f5f4;
--color-blue-kiss-100: #e7e8e7;
--color-blue-kiss-200: #d3d5d3;
--color-blue-kiss-300: #b6b8b6;
--color-blue-kiss-400: #9c9f9c;
--color-blue-kiss-500: #848784;
--color-blue-kiss-600: #707270;
--color-blue-kiss-700: #595b59;
--color-blue-kiss-800: #414341;
--color-blue-kiss-900: #2d2e2d;
--color-blue-kiss-950: #1a1b1a;
}SCSS
$blue-kiss: #e2e5e2;
$blue-kiss-rgb: 226, 229, 226;
$blue-kiss-light: mix(#fff, $blue-kiss, 20%);
$blue-kiss-dark: mix(#000, $blue-kiss, 20%);
.element {
color: $blue-kiss;
box-shadow: 0 0 0 2px rgba($blue-kiss, 0.35);
}