이름 색상 · #80DBEB
Faded Poster
Faded Poster은(는) #80DBEB: rgb(128 219 235), hsl(189 73% 71%), oklch(0.84 0.09 210). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Faded Poster color name →
#80DBEB
oklch(0.84 0.09 210)
색상 변환
- HEX
- #80dbeb
- RGB
- rgb(128 219 235)
- HSL
- hsl(189 73% 71%)
- HWB
- hwb(189 50% 8%)
- OKLCH
- oklch(0.84 0.09 210)
- OKLab
- oklab(0.84 -0.078 -0.045)
- CIE Lab
- lab(82.17 -25.31 -16.86)
- LCH
- lch(82.17 30.41 213.7)
- CMYK
- cmyk(46% 7% 0% 8%)
틴트 · 셰이드 · 톤
틴트
- 8FDFED
- 9CE3EF
- AAE6F1
- B7EAF3
- C3EDF5
- CFF1F7
- DCF5F9
- E8F8FB
- F3FCFD
셰이드
- 6EBECC
- 5DA2AE
- 4D8791
- 3D6D75
- 2E545B
- 1F3C41
- 122629
- 061113
- 010203
톤
- 82D2E0
- 83C8D5
- 84BFCA
- 84B6BF
- 84ADB4
- 84A4AA
- 849B9F
- 839295
- 81898A
색 조화
보색 +180°
- 80DBEB
Faded Poster
- FFB5A9
≈ Washed-Out Crimson
유사색 -30° +30°
- 80DBEB
Faded Poster
- 85DECD
≈ Opulent Turquoise
- 95D3FF
≈ Long Island Sound
삼각 배색 +120° +240°
- 80DBEB
Faded Poster
- EDB6E7
≈ Lovecloud
- E1C986
≈ Salty Cracker
분열 보색 +150° +210°
- 80DBEB
Faded Poster
- FCB2C8
≈ Caregiver Pink
- F7BD8F
≈ Persimmon Fade
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.58:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.25:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.25:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--faded-poster: #80dbeb;
--faded-poster-rgb: 128 219 235;
--faded-poster-oklch: oklch(0.84 0.09 210);
}
.element {
color: var(--faded-poster);
background-color: hsl(189 73% 71%);
border-color: oklch(0.84 0.09 210);
}Tailwind CSS v4
@theme {
--color-faded-poster: #80dbeb;
--color-faded-poster-50: #d9fdff;
--color-faded-poster-100: #c7f1f9;
--color-faded-poster-200: #a8dfeb;
--color-faded-poster-300: #80c4d2;
--color-faded-poster-400: #57adbc;
--color-faded-poster-500: #2496a7;
--color-faded-poster-600: #227f8d;
--color-faded-poster-700: #1b6671;
--color-faded-poster-800: #114b53;
--color-faded-poster-900: #0b343a;
--color-faded-poster-950: #001f24;
}SCSS
$faded-poster: #80dbeb;
$faded-poster-rgb: 128, 219, 235;
$faded-poster-light: mix(#fff, $faded-poster, 20%);
$faded-poster-dark: mix(#000, $faded-poster, 20%);
.element {
color: $faded-poster;
box-shadow: 0 0 0 2px rgba($faded-poster, 0.35);
}