Colore con nome · #2E5F60
Calypso Green
Calypso Green è #2E5F60: rgb(46 95 96), hsl(181 35% 28%), oklch(0.452 0.053 197.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Calypso Green color name →
#2E5F60
oklch(0.452 0.053 197.2)
Conversioni di colore
- HEX
- #2e5f60
- RGB
- rgb(46 95 96)
- HSL
- hsl(181 35% 28%)
- HWB
- hwb(181 18% 62%)
- OKLCH
- oklch(0.452 0.053 197.2)
- OKLab
- oklab(0.452 -0.051 -0.016)
- CIE Lab
- lab(36.97 -17.06 -5.98)
- LCH
- lch(36.97 18.08 199.3)
- CMYK
- cmyk(52% 1% 0% 62%)
Tinte · Ombre · Toni
Tinte
- 436E6F
- 577D7E
- 6B8C8D
- 7F9C9C
- 94ACAC
- A9BCBC
- BECCCD
- D3DDDD
- E9EEEE
Ombre
- 275252
- 1F4445
- 183838
- 122C2C
- 0B2020
- 061515
- 020A0A
- 010303
- 000000
Toni
- 386263
- 406666
- 496969
- 516C6D
- 597070
- 617373
- 697676
- 71797A
- 787D7D
Armonie di colore
Complementare +180°
- 2E5F60
Calypso Green
- 704A4B
≈ Marron
Analogo -30° +30°
- 2E5F60
Calypso Green
- 375F50
≈ Amish Green
- 345C6D
≈ Flowing River
Triadico +120° +240°
- 2E5F60
Calypso Green
- 624D69
≈ Futaai Indigo
- 665233
≈ Wild Chocolate
Complementare divisa +150° +210°
- 2E5F60
Calypso Green
- 6C4A5B
≈ Prussian Plum
- 6F4D3C
≈ Arabic Coffee
Tetradico +90° +180° +270°
- 2E5F60
Calypso Green
- 545172
≈ Exotic Evening
- 704A4B
≈ Marron
- 595835
≈ Maze
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.18:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.92:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.18:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--calypso-green: #2e5f60;
--calypso-green-rgb: 46 95 96;
--calypso-green-oklch: oklch(0.452 0.053 197.2);
}
.element {
color: var(--calypso-green);
background-color: hsl(181 35% 28%);
border-color: oklch(0.452 0.053 197.2);
}Tailwind CSS v4
@theme {
--color-calypso-green: #2e5f60;
--color-calypso-green-50: #e5fafb;
--color-calypso-green-100: #d4eeef;
--color-calypso-green-200: #bbdcdd;
--color-calypso-green-300: #98c0c2;
--color-calypso-green-400: #79a9a9;
--color-calypso-green-500: #5a9192;
--color-calypso-green-600: #4d7b7c;
--color-calypso-green-700: #3d6263;
--color-calypso-green-800: #2c4848;
--color-calypso-green-900: #1d3232;
--color-calypso-green-950: #0d1e1e;
}SCSS
$calypso-green: #2e5f60;
$calypso-green-rgb: 46, 95, 96;
$calypso-green-light: mix(#fff, $calypso-green, 20%);
$calypso-green-dark: mix(#000, $calypso-green, 20%);
.element {
color: $calypso-green;
box-shadow: 0 0 0 2px rgba($calypso-green, 0.35);
}