Nazwany kolor · #C7C4A5
Ta Prohm
Ta Prohm to #C7C4A5: rgb(199 196 165), hsl(55 23% 71%), oklch(0.815 0.042 102.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Ta Prohm color name →
#C7C4A5
oklch(0.815 0.042 102.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCCAAE
- D2D0B7
- D7D5C0
- DDDBC9
- E3E1D2
- E8E7DB
- EEEDE4
- F4F3ED
- F9F9F6
Odcienie ciemniejsze
- ADAA8F
- 939179
- 7A7865
- 626151
- 4C4A3D
- 36352B
- 21211A
- 0E0E0A
- 020201
Tony
- C0BDA1
- B8B69E
- B1AF9A
- AAA896
- A3A193
- 9C9B8F
- 95948B
- 8E8D87
- 878784
Harmonie kolorów
Komplementarna +180°
- C7C4A5
Ta Prohm
- BEC0DE
≈ Rhapsody Lilac
Analogowa -30° +30°
- C7C4A5
Ta Prohm
- D4BFA5
≈ Pine Strain
- B8C9AD
≈ Tamboon
Triada +120° +240°
- C7C4A5
Ta Prohm
- A6C9D6
≈ Vast Sky
- D7B8CA
≈ Spring Boutique
Komplementarna rozszczepiona +150° +210°
- C7C4A5
Ta Prohm
- B0C5DE
≈ Summer Storm
- CCBBD6
≈ Playful Petal
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.76:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.86:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
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);
}