이름 색상 · #C75D42
Cold Brew Tonic
Cold Brew Tonic은(는) #C75D42: rgb(199 93 66), hsl(12 54% 52%), oklch(0.604 0.142 35.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Cold Brew Tonic color name →
#C75D42
oklch(0.604 0.142 35.4)
색상 변환
- HEX
- #c75d42
- RGB
- rgb(199 93 66)
- HSL
- hsl(12 54% 52%)
- HWB
- hwb(12 26% 22%)
- OKLCH
- oklch(0.604 0.142 35.4)
- OKLab
- oklab(0.604 0.116 0.082)
- CIE Lab
- lab(52.82 41.77 36.37)
- LCH
- lch(52.82 55.38 41)
- CMYK
- cmyk(0% 53% 67% 22%)
틴트 · 셰이드 · 톤
틴트
- CE6E55
- D57E68
- DC8F7A
- E29F8D
- E8AF9F
- EDBFB2
- F2CFC5
- F7DFD8
- FBEFEB
셰이드
- AD5038
- 93432F
- 7A3725
- 622A1C
- 4C1F14
- 36140B
- 210A05
- 0E0301
- 020000
톤
- C16249
- BA6651
- B46A57
- AD6E5D
- A67264
- 9F756A
- 98786F
- 907B75
- 887D7B
색 조화
보색 +180°
- C75D42
Cold Brew Tonic
- 0091A9
≈ Cape Pond
유사색 -30° +30°
- C75D42
Cold Brew Tonic
- C55875
≈ Mon Cher Ami
- B76D00
≈ Indocile Tiger
삼각 배색 +120° +240°
- C75D42
Cold Brew Tonic
- 17995B
≈ Militant Vegan
- 6A77D5
≈ Kickstart Purple
분열 보색 +150° +210°
- C75D42
Cold Brew Tonic
- 00958A
≈ Lights at Sea
- 1F87D0
≈ Water Blue
사각 배색 +90° +180° +270°
- C75D42
Cold Brew Tonic
- 6D8F1C
≈ Scallion
- 0091A9
≈ Cape Pond
- 9668C4
≈ Amethyst
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.13:1 · APCA Lc 68
Ag
AA검은색 위
WCAG 5.07:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.07:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--cold-brew-tonic: #c75d42;
--cold-brew-tonic-rgb: 199 93 66;
--cold-brew-tonic-oklch: oklch(0.604 0.142 35.4);
}
.element {
color: var(--cold-brew-tonic);
background-color: hsl(12 54% 52%);
border-color: oklch(0.604 0.142 35.4);
}Tailwind CSS v4
@theme {
--color-cold-brew-tonic: #c75d42;
--color-cold-brew-tonic-50: #ffe8d9;
--color-cold-brew-tonic-100: #ffd8c7;
--color-cold-brew-tonic-200: #ffbfa9;
--color-cold-brew-tonic-300: #f69d83;
--color-cold-brew-tonic-400: #e57d62;
--color-cold-brew-tonic-500: #d35d3f;
--color-cold-brew-tonic-600: #b24f36;
--color-cold-brew-tonic-700: #8f3f2b;
--color-cold-brew-tonic-800: #6b2d20;
--color-cold-brew-tonic-900: #4b1e15;
--color-cold-brew-tonic-950: #310d06;
}SCSS
$cold-brew-tonic: #c75d42;
$cold-brew-tonic-rgb: 199, 93, 66;
$cold-brew-tonic-light: mix(#fff, $cold-brew-tonic, 20%);
$cold-brew-tonic-dark: mix(#000, $cold-brew-tonic, 20%);
.element {
color: $cold-brew-tonic;
box-shadow: 0 0 0 2px rgba($cold-brew-tonic, 0.35);
}