Adlandırılmış renk · #C75D42
Cold Brew Tonic
Cold Brew Tonic, #C75D42: rgb(199 93 66), hsl(12 54% 52%), oklch(0.604 0.142 35.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Cold Brew Tonic color name →
#C75D42
oklch(0.604 0.142 35.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CE6E55
- D57E68
- DC8F7A
- E29F8D
- E8AF9F
- EDBFB2
- F2CFC5
- F7DFD8
- FBEFEB
Koyu tonlar
- AD5038
- 93432F
- 7A3725
- 622A1C
- 4C1F14
- 36140B
- 210A05
- 0E0301
- 020000
Gri tonlar
- C16249
- BA6651
- B46A57
- AD6E5D
- A67264
- 9F756A
- 98786F
- 907B75
- 887D7B
Renk uyumları
Tamamlayıcı +180°
- C75D42
Cold Brew Tonic
- 0091A9
≈ Cape Pond
Analog -30° +30°
- C75D42
Cold Brew Tonic
- C55875
≈ Mon Cher Ami
- B76D00
≈ Indocile Tiger
Üçlü +120° +240°
- C75D42
Cold Brew Tonic
- 17995B
≈ Militant Vegan
- 6A77D5
≈ Kickstart Purple
Bölünmüş tamamlayıcı +150° +210°
- C75D42
Cold Brew Tonic
- 00958A
≈ Lights at Sea
- 1F87D0
≈ Water Blue
Dörtlü +90° +180° +270°
- C75D42
Cold Brew Tonic
- 6D8F1C
≈ Scallion
- 0091A9
≈ Cape Pond
- 9668C4
≈ Amethyst
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.13:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.07:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.07:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
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);
}