이름 색상 · #ADD9D1
Scandal
Scandal은(는) #ADD9D1: rgb(173 217 209), hsl(169 37% 76%), oklch(0.852 0.047 182.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Scandal color name →
#ADD9D1
oklch(0.852 0.047 182.9)
색상 변환
- HEX
- #add9d1
- RGB
- rgb(173 217 209)
- HSL
- hsl(169 37% 76%)
- HWB
- hwb(169 68% 15%)
- OKLCH
- oklch(0.852 0.047 182.9)
- OKLab
- oklab(0.852 -0.047 -0.002)
- CIE Lab
- lab(83.39 -16.11 -1.03)
- LCH
- lch(83.39 16.15 183.7)
- CMYK
- cmyk(20% 0% 4% 15%)
틴트 · 셰이드 · 톤
틴트
- B5DDD6
- BEE1DA
- C6E4DF
- CEE8E3
- D6ECE8
- DEF0EC
- E7F4F1
- EFF7F6
- F7FBFA
셰이드
- 96BCB5
- 7FA19B
- 6A8681
- 556C68
- 415350
- 2D3B39
- 1B2523
- 0B1110
- 010202
톤
- A9D0C9
- A4C7C0
- A0BEB8
- 9BB4B0
- 97ACA8
- 92A3A0
- 8E9A98
- 899190
- 858988
색 조화
보색 +180°
- ADD9D1
Scandal
- EAC2CB
≈ Primrose Pink
유사색 -30° +30°
- ADD9D1
Scandal
- B8D8C0
≈ Reclining Green
- ACD7E1
≈ Araucana Egg
삼각 배색 +120° +240°
- ADD9D1
Scandal
- D4C7E9
≈ Foggy Love
- E5C8AF
≈ Mesquite Powder
분열 보색 +150° +210°
- ADD9D1
Scandal
- E2C3DC
≈ Dog Rose
- ECC4BB
≈ Peach Ash
사각 배색 +90° +180° +270°
- ADD9D1
Scandal
- C4CDEE
≈ Ace
- EAC2CB
≈ Primrose Pink
- D9CEAC
≈ Lovely Linen
대비 및 접근성
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 {
--scandal: #add9d1;
--scandal-rgb: 173 217 209;
--scandal-oklch: oklch(0.852 0.047 182.9);
}
.element {
color: var(--scandal);
background-color: hsl(169 37% 76%);
border-color: oklch(0.852 0.047 182.9);
}Tailwind CSS v4
@theme {
--color-scandal: #add9d1;
--color-scandal-50: #e7faf7;
--color-scandal-100: #d7edea;
--color-scandal-200: #bfdbd7;
--color-scandal-300: #9dc0ba;
--color-scandal-400: #80a8a1;
--color-scandal-500: #629189;
--color-scandal-600: #547a74;
--color-scandal-700: #43625d;
--color-scandal-800: #304843;
--color-scandal-900: #21322e;
--color-scandal-950: #101e1b;
}SCSS
$scandal: #add9d1;
$scandal-rgb: 173, 217, 209;
$scandal-light: mix(#fff, $scandal, 20%);
$scandal-dark: mix(#000, $scandal, 20%);
.element {
color: $scandal;
box-shadow: 0 0 0 2px rgba($scandal, 0.35);
}