Colore con nome · #2C5C4F
Old Money
Old Money è #2C5C4F: rgb(44 92 79), hsl(164 35% 27%), oklch(0.437 0.057 173.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Old Money color name →
#2C5C4F
oklch(0.437 0.057 173.7)
Conversioni di colore
- HEX
- #2c5c4f
- RGB
- rgb(44 92 79)
- HSL
- hsl(164 35% 27%)
- HWB
- hwb(164 17% 64%)
- OKLCH
- oklch(0.437 0.057 173.7)
- OKLab
- oklab(0.437 -0.057 0.006)
- CIE Lab
- lab(35.41 -19.82 2.22)
- LCH
- lch(35.41 19.94 173.6)
- CMYK
- cmyk(52% 0% 14% 64%)
Tinte · Ombre · Toni
Tinte
- 416B5F
- 557A6F
- 698A80
- 7E9A91
- 93AAA3
- A8BBB4
- BDCBC7
- D3DCD9
- E9EEEC
Ombre
- 254F44
- 1E4238
- 17362E
- 112A23
- 0A1F19
- 051410
- 020A07
- 010302
- 000000
Toni
- 366054
- 3F6358
- 47675D
- 506A62
- 586E67
- 60726C
- 687571
- 707976
- 787C7B
Armonie di colore
Complementare +180°
- 2C5C4F
Old Money
- 6B4454
≈ Finn
Analogo -30° +30°
- 2C5C4F
Old Money
- 3E5A3D
≈ Ficus
- 255B60
≈ Terrace Teal
Triadico +120° +240°
- 2C5C4F
Old Money
- 534C6E
≈ Harajuku Girl
- 6B4933
≈ Axe Handle
Complementare divisa +150° +210°
- 2C5C4F
Old Money
- 614764
≈ Brunneous
- 6E4542
≈ Hawaiian Cinder
Tetradico +90° +180° +270°
- 2C5C4F
Old Money
- 415172
≈ Astronaut
- 6B4454
≈ Finn
- 614F2B
≈ Jungle Beat
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.63:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.75:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.63:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--old-money: #2c5c4f;
--old-money-rgb: 44 92 79;
--old-money-oklch: oklch(0.437 0.057 173.7);
}
.element {
color: var(--old-money);
background-color: hsl(164 35% 27%);
border-color: oklch(0.437 0.057 173.7);
}Tailwind CSS v4
@theme {
--color-old-money: #2c5c4f;
--color-old-money-50: #e5fbf4;
--color-old-money-100: #d5efe7;
--color-old-money-200: #bcddd3;
--color-old-money-300: #99c1b6;
--color-old-money-400: #7baa9c;
--color-old-money-500: #5d9383;
--color-old-money-600: #4f7c6f;
--color-old-money-700: #3f6359;
--color-old-money-800: #2d4940;
--color-old-money-900: #1f332c;
--color-old-money-950: #0e1e19;
}SCSS
$old-money: #2c5c4f;
$old-money-rgb: 44, 92, 79;
$old-money-light: mix(#fff, $old-money, 20%);
$old-money-dark: mix(#000, $old-money, 20%);
.element {
color: $old-money;
box-shadow: 0 0 0 2px rgba($old-money, 0.35);
}