Colore con nome · #53FCA1
Sea Green
Sea Green è #53FCA1: rgb(83 252 161), hsl(148 97% 66%), oklch(0.883 0.188 155.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Sea Green color name →
#53FCA1
oklch(0.883 0.188 155.4)
Conversioni di colore
- HEX
- #53fca1
- RGB
- rgb(83 252 161)
- HSL
- hsl(148 97% 66%)
- HWB
- hwb(148 33% 1%)
- OKLCH
- oklch(0.883 0.188 155.4)
- OKLab
- oklab(0.883 -0.171 0.078)
- CIE Lab
- lab(88.86 -60.28 30.49)
- LCH
- lch(88.86 67.55 153.2)
- CMYK
- cmyk(67% 0% 36% 1%)
Tinte · Ombre · Toni
Tinte
- 6EFDAB
- 84FEB4
- 97FEBE
- A9FFC7
- B9FFD1
- C8FFDA
- D6FFE3
- E4FFED
- F2FFF6
Ombre
- 47DB8B
- 3BBB76
- 309C62
- 257E4E
- 1B623C
- 11472A
- 082D19
- 021609
- 000301
Toni
- 5FEF9E
- 68E39B
- 6FD698
- 75CA95
- 79BD92
- 7CB18E
- 7EA58B
- 7F9887
- 808C84
Armonie di colore
Complementare +180°
- 53FCA1
Sea Green
- FFC2F0
≈ Pink Quartz
Analogo -30° +30°
- 53FCA1
Sea Green
- BBED51
≈ Inchworm
- 00F9E7
≈ Bright Aqua
Triadico +120° +240°
- 53FCA1
Sea Green
- CDD6FF
≈ Pale Phthalo Blue
- FFCABC
≈ Piggy Bank
Complementare divisa +150° +210°
- 53FCA1
Sea Green
- E4CDFF
≈ Lens Flare Pink
- FFC7D2
≈ Sweet Sixteen
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.80:1 · APCA Lc 88
Miglior colore del testo: #000000
WCAG 15.80:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--sea-green: #53fca1;
--sea-green-rgb: 83 252 161;
--sea-green-oklch: oklch(0.883 0.188 155.4);
}
.element {
color: var(--sea-green);
background-color: hsl(148 97% 66%);
border-color: oklch(0.883 0.188 155.4);
}Tailwind CSS v4
@theme {
--color-sea-green: #53fca1;
--color-sea-green-50: #c9ffe0;
--color-sea-green-100: #b3fccf;
--color-sea-green-200: #8bedb5;
--color-sea-green-300: #52d491;
--color-sea-green-400: #00bd6b;
--color-sea-green-500: #00a74a;
--color-sea-green-600: #008e3f;
--color-sea-green-700: #007232;
--color-sea-green-800: #005420;
--color-sea-green-900: #003a15;
--color-sea-green-950: #002406;
}SCSS
$sea-green: #53fca1;
$sea-green-rgb: 83, 252, 161;
$sea-green-light: mix(#fff, $sea-green, 20%);
$sea-green-dark: mix(#000, $sea-green, 20%);
.element {
color: $sea-green;
box-shadow: 0 0 0 2px rgba($sea-green, 0.35);
}