Colore con nome · #C7C844
Tansy
Tansy è #C7C844: rgb(199 200 68), hsl(60 55% 53%), oklch(0.808 0.151 109.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Tansy color name →
#C7C844
oklch(0.808 0.151 109.8)
Conversioni di colore
- HEX
- #c7c844
- RGB
- rgb(199 200 68)
- HSL
- hsl(60 55% 53%)
- HWB
- hwb(60 27% 22%)
- OKLCH
- oklch(0.808 0.151 109.8)
- OKLab
- oklab(0.808 -0.051 0.142)
- CIE Lab
- lab(78.73 -12.13 62.63)
- LCH
- lch(78.73 63.8 101)
- CMYK
- cmyk(0% 0% 66% 22%)
Tinte · Ombre · Toni
Tinte
- CCCE5D
- D2D473
- D7D986
- DCDF99
- E2E4AA
- E8EABC
- EDEFCD
- F3F5DE
- F9FAEE
Ombre
- ADAE3A
- 939430
- 7A7B26
- 62631D
- 4C4C14
- 36360C
- 212105
- 0E0F02
- 020200
Toni
- BFC14F
- B8BA59
- B1B260
- A9AB67
- A2A46D
- 9B9D72
- 949676
- 8D8E7A
- 87877D
Armonie di colore
Complementare +180°
- C7C844
Tansy
- BFB5FF
≈ Greyish Lavender
Analogo -30° +30°
- C7C844
Tansy
- F3B437
≈ Solar Power
- 8AD878
≈ Green Lacewing
Triadico +120° +240°
- C7C844
Tansy
- 61CFFF
≈ Skyan
- FF9CCC
≈ Himalayan Balsam
Complementare divisa +150° +210°
- C7C844
Tansy
- 9CC2FF
≈ Pastel Blue
- EB9FFD
≈ VIC 20 Pink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.77:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.77:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--tansy: #c7c844;
--tansy-rgb: 199 200 68;
--tansy-oklch: oklch(0.808 0.151 109.8);
}
.element {
color: var(--tansy);
background-color: hsl(60 55% 53%);
border-color: oklch(0.808 0.151 109.8);
}Tailwind CSS v4
@theme {
--color-tansy: #c7c844;
--color-tansy-50: #f6fac9;
--color-tansy-100: #e9eeb4;
--color-tansy-200: #d6db8f;
--color-tansy-300: #babf5f;
--color-tansy-400: #a5a522;
--color-tansy-500: #8e8d00;
--color-tansy-600: #787700;
--color-tansy-700: #605f00;
--color-tansy-800: #484500;
--color-tansy-900: #323000;
--color-tansy-950: #1e1c00;
}SCSS
$tansy: #c7c844;
$tansy-rgb: 199, 200, 68;
$tansy-light: mix(#fff, $tansy, 20%);
$tansy-dark: mix(#000, $tansy, 20%);
.element {
color: $tansy;
box-shadow: 0 0 0 2px rgba($tansy, 0.35);
}