이름 색상 · #AC9825
High Strung
High Strung은(는) #AC9825: rgb(172 152 37), hsl(51 65% 41%), oklch(0.678 0.129 98.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · High Strung color name →
#AC9825
oklch(0.678 0.129 98.8)
색상 변환
- HEX
- #ac9825
- RGB
- rgb(172 152 37)
- HSL
- hsl(51 65% 41%)
- HWB
- hwb(51 15% 33%)
- OKLCH
- oklch(0.678 0.129 98.8)
- OKLab
- oklab(0.678 -0.02 0.127)
- CIE Lab
- lab(63.18 -1.18 58.25)
- LCH
- lch(63.18 58.26 91.2)
- CMYK
- cmyk(0% 12% 78% 33%)
틴트 · 셰이드 · 톤
틴트
- B4A244
- BCAD5C
- C4B772
- CCC187
- D4CB9B
- DDD6AF
- E5E0C3
- EEEAD7
- F6F5EB
셰이드
- 95841F
- 7F7019
- 695C13
- 544A0D
- 403808
- 2D2704
- 1B1702
- 0B0800
- 010100
톤
- A79636
- A39443
- 9E914D
- 9A8F57
- 958D5F
- 918A66
- 8D886D
- 888574
- 84837A
색 조화
보색 +180°
- AC9825
High Strung
- 878EE6
≈ Perrywinkle
유사색 -30° +30°
- AC9825
High Strung
- CB8730
≈ Harvest at Dusk
- 7FA74B
≈ Greenery
삼각 배색 +120° +240°
- AC9825
High Strung
- 00A9CA
≈ Gummy Dolphins
- CB76B2
≈ Sky Magenta
분열 보색 +150° +210°
- AC9825
High Strung
- 519DE3
≈ Perfect Days
- AF80D4
≈ Lavender Blossom
사각 배색 +90° +180° +270°
- AC9825
High Strung
- 00AEA6
≈ Cozumel
- 878EE6
≈ Perrywinkle
- DA7387
≈ Coming up Roses
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.88:1 · APCA Lc 55
Ag
AAA검은색 위
WCAG 7.27:1 · APCA Lc 47
가장 좋은 글자색: #000000
WCAG 7.27:1 (AAA) · APCA Lc 47
Contrast pairs
코드 스니펫
CSS
:root {
--high-strung: #ac9825;
--high-strung-rgb: 172 152 37;
--high-strung-oklch: oklch(0.678 0.129 98.8);
}
.element {
color: var(--high-strung);
background-color: hsl(51 65% 41%);
border-color: oklch(0.678 0.129 98.8);
}Tailwind CSS v4
@theme {
--color-high-strung: #ac9825;
--color-high-strung-50: #fdf7cd;
--color-high-strung-100: #f1eab8;
--color-high-strung-200: #e0d696;
--color-high-strung-300: #c6b969;
--color-high-strung-400: #b29f38;
--color-high-strung-500: #9c8600;
--color-high-strung-600: #847100;
--color-high-strung-700: #6a5b00;
--color-high-strung-800: #4f4200;
--color-high-strung-900: #372d00;
--color-high-strung-950: #221a00;
}SCSS
$high-strung: #ac9825;
$high-strung-rgb: 172, 152, 37;
$high-strung-light: mix(#fff, $high-strung, 20%);
$high-strung-dark: mix(#000, $high-strung, 20%);
.element {
color: $high-strung;
box-shadow: 0 0 0 2px rgba($high-strung, 0.35);
}