이름 색상 · #AECAC8
Seaport Steam
Seaport Steam은(는) #AECAC8: rgb(174 202 200), hsl(176 21% 74%), oklch(0.818 0.03 191.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Seaport Steam color name →
#AECAC8
oklch(0.818 0.03 191.3)
색상 변환
- HEX
- #aecac8
- RGB
- rgb(174 202 200)
- HSL
- hsl(176 21% 74%)
- HWB
- hwb(176 68% 21%)
- OKLCH
- oklch(0.818 0.03 191.3)
- OKLab
- oklab(0.818 -0.03 -0.006)
- CIE Lab
- lab(79.19 -10.04 -2.33)
- LCH
- lch(79.19 10.31 193.1)
- CMYK
- cmyk(14% 0% 1% 21%)
틴트 · 셰이드 · 톤
틴트
- B6CFCD
- BED4D3
- C6DAD8
- CEDFDE
- D6E4E3
- DEEAE9
- E6EFEE
- EFF4F4
- F7FAF9
셰이드
- 97AFAE
- 809594
- 6A7C7B
- 556463
- 414D4C
- 2E3736
- 1C2221
- 0B0F0F
- 010202
톤
- A9C2C1
- A5BBB9
- A0B3B2
- 9CACAB
- 97A4A3
- 929D9C
- 8E9695
- 898E8E
- 858787
색 조화
보색 +180°
- AECAC8
Seaport Steam
- D6BCBE
≈ Lilac Buds
유사색 -30° +30°
- AECAC8
Seaport Steam
- B3CABD
≈ Matte Jade Green
- AFC8D1
≈ Gentle Sea
삼각 배색 +120° +240°
- AECAC8
Seaport Steam
- CABED2
≈ Purpling Dawn
- D0C1AF
≈ Merino Wool
분열 보색 +150° +210°
- AECAC8
Seaport Steam
- D2BCC9
≈ Queen’s Tart
- D6BDB5
≈ Badlands Taupe
사각 배색 +90° +180° +270°
- AECAC8
Seaport Steam
- BFC2D7
≈ Lavender Escape
- D6BCBE
≈ Lilac Buds
- C7C4AE
≈ Kangaroo
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.73:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.08:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.08:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--seaport-steam: #aecac8;
--seaport-steam-rgb: 174 202 200;
--seaport-steam-oklch: oklch(0.818 0.03 191.3);
}
.element {
color: var(--seaport-steam);
background-color: hsl(176 21% 74%);
border-color: oklch(0.818 0.03 191.3);
}Tailwind CSS v4
@theme {
--color-seaport-steam: #aecac8;
--color-seaport-steam-50: #ecf8f7;
--color-seaport-steam-100: #ddebeb;
--color-seaport-steam-200: #c6d9d8;
--color-seaport-steam-300: #a7bdbc;
--color-seaport-steam-400: #8ba4a3;
--color-seaport-steam-500: #708d8b;
--color-seaport-steam-600: #5f7776;
--color-seaport-steam-700: #4c5f5e;
--color-seaport-steam-800: #374644;
--color-seaport-steam-900: #25302f;
--color-seaport-steam-950: #141d1c;
}SCSS
$seaport-steam: #aecac8;
$seaport-steam-rgb: 174, 202, 200;
$seaport-steam-light: mix(#fff, $seaport-steam, 20%);
$seaport-steam-dark: mix(#000, $seaport-steam, 20%);
.element {
color: $seaport-steam;
box-shadow: 0 0 0 2px rgba($seaport-steam, 0.35);
}