가장 가까운 이름 색상 · #8DBBE3
#8DBBE3
가장 가까운 이름 색상: Double Denim
#8DBBE3(rgb(141 187 227), hsl(208 61% 72%), oklch(0.774 0.075 245.2))와 가장 가까운 이름 색상은 Double Denim입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8DBBE3
oklch(0.774 0.075 245.2)
색상 변환
- HEX
- #8dbbe3
- RGB
- rgb(141 187 227)
- HSL
- hsl(208 61% 72%)
- HWB
- hwb(208 55% 11%)
- OKLCH
- oklch(0.774 0.075 245.2)
- OKLab
- oklab(0.774 -0.032 -0.069)
- CIE Lab
- lab(73.68 -8.31 -25.28)
- LCH
- lch(73.68 26.61 251.8)
- CMYK
- cmyk(38% 18% 0% 11%)
틴트 · 셰이드 · 톤
틴트
- 98C2E6
- A4C9E9
- AFCFEC
- BBD6EF
- C6DDF2
- D1E4F4
- DDEBF7
- E8F1FA
- F4F8FC
셰이드
- 7AA2C5
- 678AA8
- 55738C
- 445C71
- 334657
- 23323F
- 141F27
- 070D12
- 010203
톤
- 8CB5D9
- 8BAFCF
- 8AA9C5
- 89A3BB
- 889DB1
- 8697A7
- 85929D
- 838C93
- 82868A
색 조화
보색 +180°
- 8DBBE3
Double Denim
- D7AC82
≈ Paper Brown
유사색 -30° +30°
- 8DBBE3
Double Denim
- 7BC2D4
≈ Thredbo
- A7B2E6
≈ Maximum Blue Purple
삼각 배색 +120° +240°
- 8DBBE3
Double Denim
- E0A2AF
≈ Iced Vovo
- AABE89
≈ Shrubbery
분열 보색 +150° +210°
- 8DBBE3
Double Denim
- E1A595
≈ Pelican Pink
- C4B67E
≈ Cool Avocado
사각 배색 +90° +180° +270°
- 8DBBE3
Double Denim
- D5A4C9
≈ Berry Popsicle
- D7AC82
≈ Paper Brown
- 8FC4A1
≈ Delltone
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.02:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.34:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--double-denim: #8dbbe3;
--double-denim-rgb: 141 187 227;
--double-denim-oklch: oklch(0.774 0.075 245.2);
}
.element {
color: var(--double-denim);
background-color: hsl(208 61% 72%);
border-color: oklch(0.774 0.075 245.2);
}Tailwind CSS v4
@theme {
--color-double-denim: #8dbbe3;
--color-double-denim-50: #e5f8ff;
--color-double-denim-100: #d5ebff;
--color-double-denim-200: #bbd8f4;
--color-double-denim-300: #99bcdd;
--color-double-denim-400: #79a4c9;
--color-double-denim-500: #5a8bb5;
--color-double-denim-600: #4d7699;
--color-double-denim-700: #3d5e7b;
--color-double-denim-800: #2a455b;
--color-double-denim-900: #1d303f;
--color-double-denim-950: #0d1c28;
}SCSS
$double-denim: #8dbbe3;
$double-denim-rgb: 141, 187, 227;
$double-denim-light: mix(#fff, $double-denim, 20%);
$double-denim-dark: mix(#000, $double-denim, 20%);
.element {
color: $double-denim;
box-shadow: 0 0 0 2px rgba($double-denim, 0.35);
}