Adlandırılmış renk · #C7C4A5
Ta Prohm
Ta Prohm, #C7C4A5: rgb(199 196 165), hsl(55 23% 71%), oklch(0.815 0.042 102.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Ta Prohm color name →
#C7C4A5
oklch(0.815 0.042 102.7)
Renk dönüşümleri
- HEX
- #c7c4a5
- RGB
- rgb(199 196 165)
- HSL
- hsl(55 23% 71%)
- HWB
- hwb(55 65% 22%)
- OKLCH
- oklch(0.815 0.042 102.7)
- OKLab
- oklab(0.815 -0.009 0.041)
- CIE Lab
- lab(78.79 -2.77 16.04)
- LCH
- lch(78.79 16.28 99.8)
- CMYK
- cmyk(0% 2% 17% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CCCAAE
- D2D0B7
- D7D5C0
- DDDBC9
- E3E1D2
- E8E7DB
- EEEDE4
- F4F3ED
- F9F9F6
Koyu tonlar
- ADAA8F
- 939179
- 7A7865
- 626151
- 4C4A3D
- 36352B
- 21211A
- 0E0E0A
- 020201
Gri tonlar
- C0BDA1
- B8B69E
- B1AF9A
- AAA896
- A3A193
- 9C9B8F
- 95948B
- 8E8D87
- 878784
Renk uyumları
Tamamlayıcı +180°
- C7C4A5
Ta Prohm
- BEC0DE
≈ Rhapsody Lilac
Analog -30° +30°
- C7C4A5
Ta Prohm
- D4BFA5
≈ Pine Strain
- B8C9AD
≈ Tamboon
Üçlü +120° +240°
- C7C4A5
Ta Prohm
- A6C9D6
≈ Vast Sky
- D7B8CA
≈ Spring Boutique
Bölünmüş tamamlayıcı +150° +210°
- C7C4A5
Ta Prohm
- B0C5DE
≈ Summer Storm
- CCBBD6
≈ Playful Petal
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.76:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.86:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--ta-prohm: #c7c4a5;
--ta-prohm-rgb: 199 196 165;
--ta-prohm-oklch: oklch(0.815 0.042 102.7);
}
.element {
color: var(--ta-prohm);
background-color: hsl(55 23% 71%);
border-color: oklch(0.815 0.042 102.7);
}Tailwind CSS v4
@theme {
--color-ta-prohm: #c7c4a5;
--color-ta-prohm-50: #f7f6e8;
--color-ta-prohm-100: #eae9d9;
--color-ta-prohm-200: #d7d6c1;
--color-ta-prohm-300: #bab9a0;
--color-ta-prohm-400: #a3a083;
--color-ta-prohm-500: #8b8867;
--color-ta-prohm-600: #767358;
--color-ta-prohm-700: #5e5c46;
--color-ta-prohm-800: #454332;
--color-ta-prohm-900: #302e22;
--color-ta-prohm-950: #1c1b11;
}SCSS
$ta-prohm: #c7c4a5;
$ta-prohm-rgb: 199, 196, 165;
$ta-prohm-light: mix(#fff, $ta-prohm, 20%);
$ta-prohm-dark: mix(#000, $ta-prohm, 20%);
.element {
color: $ta-prohm;
box-shadow: 0 0 0 2px rgba($ta-prohm, 0.35);
}