가장 가까운 이름 색상 · #8CB3E3
#8CB3E3
가장 가까운 이름 색상: Adrift on the Nile
#8CB3E3(rgb(140 179 227), hsl(213 61% 72%), oklch(0.756 0.081 254))와 가장 가까운 이름 색상은 Adrift on the Nile입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8CB3E3
oklch(0.756 0.081 254)
색상 변환
- HEX
- #8cb3e3
- RGB
- rgb(140 179 227)
- HSL
- hsl(213 61% 72%)
- HWB
- hwb(213 55% 11%)
- OKLCH
- oklch(0.756 0.081 254)
- OKLab
- oklab(0.756 -0.023 -0.078)
- CIE Lab
- lab(71.42 -4.59 -28.71)
- LCH
- lch(71.42 29.08 260.9)
- CMYK
- cmyk(38% 21% 0% 11%)
틴트 · 셰이드 · 톤
틴트
- 97BBE6
- A3C2E9
- AECAEC
- B9D1EF
- C5D9F2
- D0E1F5
- DCE8F7
- E8F0FA
- F3F7FD
셰이드
- 799BC5
- 6784A8
- 556E8C
- 435871
- 334357
- 232F3F
- 141D27
- 070C12
- 010103
톤
- 8BAED9
- 8AA9CF
- 89A4C5
- 889FBB
- 879AB1
- 8694A7
- 848F9D
- 838A93
- 81858A
색 조화
보색 +180°
- 8CB3E3
Adrift on the Nile
- CFA875
≈ Burning Gold
유사색 -30° +30°
- 8CB3E3
Adrift on the Nile
- 74BBD6
≈ Bluebrite
- A9A9E2
≈ Maximum Blue Purple
삼각 배색 +120° +240°
- 8CB3E3
Adrift on the Nile
- DE9BA0
≈ Blushing Bud
- 9BBC87
≈ Seafoam Green
분열 보색 +150° +210°
- 8CB3E3
Adrift on the Nile
- DCA086
≈ Southwest Stone
- B8B375
≈ Misty Moss
사각 배색 +90° +180° +270°
- 8CB3E3
Adrift on the Nile
- D59BBD
≈ Sweet Perfume
- CFA875
≈ Burning Gold
- 7EC1A2
≈ Celadon Porcelain
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.17:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.67:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.67:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--adrift-on-the-nile: #8cb3e3;
--adrift-on-the-nile-rgb: 140 179 227;
--adrift-on-the-nile-oklch: oklch(0.756 0.081 254);
}
.element {
color: var(--adrift-on-the-nile);
background-color: hsl(213 61% 72%);
border-color: oklch(0.756 0.081 254);
}Tailwind CSS v4
@theme {
--color-adrift-on-the-nile: #8cb3e3;
--color-adrift-on-the-nile-50: #e6f7ff;
--color-adrift-on-the-nile-100: #d7eaff;
--color-adrift-on-the-nile-200: #bed6f7;
--color-adrift-on-the-nile-300: #9cbae1;
--color-adrift-on-the-nile-400: #7da1ce;
--color-adrift-on-the-nile-500: #5f89bb;
--color-adrift-on-the-nile-600: #51749e;
--color-adrift-on-the-nile-700: #415d7f;
--color-adrift-on-the-nile-800: #2d445e;
--color-adrift-on-the-nile-900: #1e2f42;
--color-adrift-on-the-nile-950: #0e1b2a;
}SCSS
$adrift-on-the-nile: #8cb3e3;
$adrift-on-the-nile-rgb: 140, 179, 227;
$adrift-on-the-nile-light: mix(#fff, $adrift-on-the-nile, 20%);
$adrift-on-the-nile-dark: mix(#000, $adrift-on-the-nile, 20%);
.element {
color: $adrift-on-the-nile;
box-shadow: 0 0 0 2px rgba($adrift-on-the-nile, 0.35);
}