가장 가까운 이름 색상 · #E5FDFE
#E5FDFE
가장 가까운 이름 색상: Bubbles
#E5FDFE(rgb(229 253 254), hsl(182 93% 95%), oklch(0.977 0.025 199.8))와 가장 가까운 이름 색상은 Bubbles입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E5FDFE
oklch(0.977 0.025 199.8)
색상 변환
- HEX
- #e5fdfe
- RGB
- rgb(229 253 254)
- HSL
- hsl(182 93% 95%)
- HWB
- hwb(182 90% 0%)
- OKLCH
- oklch(0.977 0.025 199.8)
- OKLab
- oklab(0.977 -0.024 -0.008)
- CIE Lab
- lab(97.57 -7.93 -3.28)
- LCH
- lch(97.57 8.58 202.5)
- CMYK
- cmyk(10% 0% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- E8FDFE
- EAFDFE
- EDFEFE
- F0FEFE
- F2FEFF
- F5FEFF
- F7FEFF
- FAFFFF
- FCFFFF
셰이드
- C7DCDD
- AABCBD
- 8E9D9E
- 727F80
- 586263
- 3F4747
- 282D2D
- 121616
- 030303
톤
- DAF0F1
- D0E3E4
- C6D6D7
- BBC9CA
- B1BDBD
- A7B0B0
- 9DA4A4
- 939898
- 8A8C8C
색 조화
보색 +180°
- E5FDFE
Bubbles
- FFF5F4
≈ Coy
유사색 -30° +30°
- E5FDFE
Bubbles
- E8FDF5
≈ Placebo Turquoise
- EFF9FF
≈ Alice Blue
삼각 배색 +120° +240°
- E5FDFE
Bubbles
- FDF4FF
≈ Sugar Crystal
- FFF6E8
≈ Apricot Ice
분열 보색 +150° +210°
- E5FDFE
Bubbles
- FFF4F9
≈ Sea Salt Sherbet
- FFF5F0
≈ Seashell
사각 배색 +90° +180° +270°
- E5FDFE
Bubbles
- F7F6FF
≈ Sugar Crystal
- FFF5F4
≈ Coy
- F8F9E6
≈ Soft Silver
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.05:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 19.81:1 · APCA Lc 103
가장 좋은 글자색: #000000
WCAG 19.81:1 (AAA) · APCA Lc 103
Contrast pairs
코드 스니펫
CSS
:root {
--bubbles: #e5fdfe;
--bubbles-rgb: 229 253 254;
--bubbles-oklch: oklch(0.977 0.025 199.8);
}
.element {
color: var(--bubbles);
background-color: hsl(182 93% 95%);
border-color: oklch(0.977 0.025 199.8);
}Tailwind CSS v4
@theme {
--color-bubbles: #e5fdfe;
--color-bubbles-50: #edf7f8;
--color-bubbles-100: #dfeaeb;
--color-bubbles-200: #c9d8d9;
--color-bubbles-300: #a9bbbd;
--color-bubbles-400: #8ea3a4;
--color-bubbles-500: #738c8d;
--color-bubbles-600: #627677;
--color-bubbles-700: #4e5e5f;
--color-bubbles-800: #394545;
--color-bubbles-900: #273030;
--color-bubbles-950: #151c1c;
}SCSS
$bubbles: #e5fdfe;
$bubbles-rgb: 229, 253, 254;
$bubbles-light: mix(#fff, $bubbles, 20%);
$bubbles-dark: mix(#000, $bubbles, 20%);
.element {
color: $bubbles;
box-shadow: 0 0 0 2px rgba($bubbles, 0.35);
}