Colore con nome · #408E7C
Perky
Perky è #408E7C: rgb(64 142 124), hsl(166 38% 40%), oklch(0.592 0.082 176). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Perky color name →
#408E7C
oklch(0.592 0.082 176)
Conversioni di colore
- HEX
- #408e7c
- RGB
- rgb(64 142 124)
- HSL
- hsl(166 38% 40%)
- HWB
- hwb(166 25% 44%)
- OKLCH
- oklch(0.592 0.082 176)
- OKLab
- oklab(0.592 -0.082 0.006)
- CIE Lab
- lab(53.77 -28.63 1.95)
- LCH
- lch(53.77 28.7 176.1)
- CMYK
- cmyk(55% 0% 13% 44%)
Tinte · Ombre · Toni
Tinte
- 559988
- 69A495
- 7CAFA1
- 8FBAAE
- A2C6BB
- B4D1C9
- C7DCD6
- D9E8E3
- ECF3F1
Ombre
- 367B6B
- 2D685A
- 24564A
- 1B443B
- 13342C
- 0B241E
- 051511
- 010705
- 000101
Toni
- 498D7C
- 518B7D
- 588A7D
- 5F897E
- 65877E
- 6B867E
- 71857F
- 76837F
- 7B8280
Armonie di colore
Complementare +180°
- 408E7C
Perky
- A5697F
≈ Strawberry Mousse
Analogo -30° +30°
- 408E7C
Perky
- 5D8B60
≈ Hippie Green
- 368C96
≈ Aqueous
Triadico +120° +240°
- 408E7C
Perky
- 8274AA
≈ Old Prune
- A4714C
≈ Cashew
Complementare divisa +150° +210°
- 408E7C
Perky
- 986D98
≈ Tatarian Aster
- AA6A64
≈ Brickyard
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.90:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.37:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.37:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--perky: #408e7c;
--perky-rgb: 64 142 124;
--perky-oklch: oklch(0.592 0.082 176);
}
.element {
color: var(--perky);
background-color: hsl(166 38% 40%);
border-color: oklch(0.592 0.082 176);
}Tailwind CSS v4
@theme {
--color-perky: #408e7c;
--color-perky-50: #ddfdf5;
--color-perky-100: #ccf1e8;
--color-perky-200: #afe0d4;
--color-perky-300: #89c6b7;
--color-perky-400: #66af9c;
--color-perky-500: #3f9884;
--color-perky-600: #378170;
--color-perky-700: #2c6759;
--color-perky-800: #1f4c40;
--color-perky-900: #15352c;
--color-perky-950: #062019;
}SCSS
$perky: #408e7c;
$perky-rgb: 64, 142, 124;
$perky-light: mix(#fff, $perky, 20%);
$perky-dark: mix(#000, $perky, 20%);
.element {
color: $perky;
box-shadow: 0 0 0 2px rgba($perky, 0.35);
}