이름 색상 · #D2EBEA
Sea Spray
Sea Spray은(는) #D2EBEA: rgb(210 235 234), hsl(178 38% 87%), oklch(0.922 0.026 193.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Sea Spray color name →
#D2EBEA
oklch(0.922 0.026 193.8)
색상 변환
- HEX
- #d2ebea
- RGB
- rgb(210 235 234)
- HSL
- hsl(178 38% 87%)
- HWB
- hwb(178 82% 8%)
- OKLCH
- oklch(0.922 0.026 193.8)
- OKLab
- oklab(0.922 -0.026 -0.006)
- CIE Lab
- lab(91.18 -8.65 -2.46)
- LCH
- lch(91.18 8.99 195.9)
- CMYK
- cmyk(11% 0% 0% 8%)
틴트 · 셰이드 · 톤
틴트
- D7EDEC
- DBEFEE
- E0F1F0
- E4F3F2
- E9F5F4
- EDF7F7
- F2F9F9
- F6FBFB
- FBFDFD
셰이드
- B6CCCB
- 9BAEAE
- 819191
- 687575
- 505B5A
- 394141
- 242929
- 101313
- 020303
톤
- CAE0DF
- C1D5D4
- B9CAC9
- B0BFBE
- A8B4B4
- A0A9A9
- 989F9F
- 909494
- 888A8A
색 조화
보색 +180°
- D2EBEA
Sea Spray
- F6DEE0
≈ Blowing Kisses
유사색 -30° +30°
- D2EBEA
Sea Spray
- D6EBE0
≈ Icy Glacier
- D3E9F2
≈ Ice Cold
삼각 배색 +120° +240°
- D2EBEA
Sea Spray
- ECE0F2
≈ Sheer Lavender
- F0E3D2
≈ Glazed Pears
분열 보색 +150° +210°
- D2EBEA
Sea Spray
- F3DEE9
≈ Mellow Flower
- F5E0D7
≈ Summer Blush
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.24:1 · APCA Lc 12
Ag
AAA검은색 위
WCAG 16.81:1 · APCA Lc 92
가장 좋은 글자색: #000000
WCAG 16.81:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--sea-spray: #d2ebea;
--sea-spray-rgb: 210 235 234;
--sea-spray-oklch: oklch(0.922 0.026 193.8);
}
.element {
color: var(--sea-spray);
background-color: hsl(178 38% 87%);
border-color: oklch(0.922 0.026 193.8);
}Tailwind CSS v4
@theme {
--color-sea-spray: #d2ebea;
--color-sea-spray-50: #edf8f7;
--color-sea-spray-100: #deebeb;
--color-sea-spray-200: #c8d8d8;
--color-sea-spray-300: #a9bcbc;
--color-sea-spray-400: #8da4a3;
--color-sea-spray-500: #738c8b;
--color-sea-spray-600: #617676;
--color-sea-spray-700: #4e5f5e;
--color-sea-spray-800: #384545;
--color-sea-spray-900: #26302f;
--color-sea-spray-950: #151c1c;
}SCSS
$sea-spray: #d2ebea;
$sea-spray-rgb: 210, 235, 234;
$sea-spray-light: mix(#fff, $sea-spray, 20%);
$sea-spray-dark: mix(#000, $sea-spray, 20%);
.element {
color: $sea-spray;
box-shadow: 0 0 0 2px rgba($sea-spray, 0.35);
}