가장 가까운 이름 색상 · #A4DADB
#A4DADB
가장 가까운 이름 색상: Opal
#A4DADB(rgb(164 218 219), hsl(181 43% 75%), oklch(0.852 0.055 197.6))와 가장 가까운 이름 색상은 Opal입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A4DADB
oklch(0.852 0.055 197.6)
색상 변환
- HEX
- #a4dadb
- RGB
- rgb(164 218 219)
- HSL
- hsl(181 43% 75%)
- HWB
- hwb(181 64% 14%)
- OKLCH
- oklch(0.852 0.055 197.6)
- OKLab
- oklab(0.852 -0.053 -0.017)
- CIE Lab
- lab(83.34 -17.8 -6.45)
- LCH
- lch(83.34 18.94 199.9)
- CMYK
- cmyk(25% 0% 0% 14%)
틴트 · 셰이드 · 톤
틴트
- ADDEDF
- B7E1E2
- C0E5E6
- C9E9E9
- D2EDED
- DBF0F1
- E4F4F4
- EDF8F8
- F6FBFB
셰이드
- 8EBDBE
- 79A2A2
- 648787
- 506C6D
- 3D5454
- 2B3C3C
- 1A2526
- 0A1111
- 010202
톤
- A1D1D2
- 9DC7C8
- 9ABEBF
- 97B5B6
- 93ACAC
- 8FA3A3
- 8C9A9A
- 889191
- 848989
색 조화
보색 +180°
- A4DADB
Opal
- F1C0C1
≈ Silver Strawberry
유사색 -30° +30°
삼각 배색 +120° +240°
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.54:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.62:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.62:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--opal: #a4dadb;
--opal-rgb: 164 218 219;
--opal-oklch: oklch(0.852 0.055 197.6);
}
.element {
color: var(--opal);
background-color: hsl(181 43% 75%);
border-color: oklch(0.852 0.055 197.6);
}Tailwind CSS v4
@theme {
--color-opal: #a4dadb;
--color-opal-50: #e4fafb;
--color-opal-100: #d4eeef;
--color-opal-200: #badcdd;
--color-opal-300: #97c0c2;
--color-opal-400: #77a9aa;
--color-opal-500: #589293;
--color-opal-600: #4b7b7c;
--color-opal-700: #3c6364;
--color-opal-800: #2a4948;
--color-opal-900: #1c3232;
--color-opal-950: #0c1e1e;
}SCSS
$opal: #a4dadb;
$opal-rgb: 164, 218, 219;
$opal-light: mix(#fff, $opal, 20%);
$opal-dark: mix(#000, $opal, 20%);
.element {
color: $opal;
box-shadow: 0 0 0 2px rgba($opal, 0.35);
}