Color con nombre más cercano · #4ACDC8
#4ACDC8
Color con nombre más cercano: Petrichor
#4ACDC8 (rgb(74 205 200), hsl(178 57% 55%), oklch(0.776 0.113 191.5)) se parece más al color con nombre Petrichor. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#4ACDC8
oklch(0.776 0.113 191.5)
Conversiones de color
- HEX
- #4acdc8
- RGB
- rgb(74 205 200)
- HSL
- hsl(178 57% 55%)
- HWB
- hwb(178 29% 20%)
- OKLCH
- oklch(0.776 0.113 191.5)
- OKLab
- oklab(0.776 -0.111 -0.022)
- CIE Lab
- lab(75.32 -37.77 -8.65)
- LCH
- lch(75.32 38.75 192.9)
- CMYK
- cmyk(64% 0% 2% 20%)
Tintes · Sombras · Tonos
Tintes
- 64D2CD
- 79D7D3
- 8CDDD8
- 9EE2DE
- AFE7E3
- C0ECE9
- D0F1EE
- E0F5F4
- F0FAF9
Sombras
- 3FB2AE
- 359894
- 2A7E7B
- 206663
- 174E4C
- 0E3836
- 062321
- 020F0F
- 000202
Tonos
- 56C5C1
- 5FBDB9
- 66B6B2
- 6CAEAB
- 71A6A3
- 759F9C
- 799795
- 7C8F8E
- 7E8887
Armonías de color
Complementario +180°
- 4ACDC8
Petrichor
- F597A4
≈ Flower Girl
Análogo -30° +30°
- 4ACDC8
Petrichor
- 6ECD9F
≈ Jocose Jade
- 55C6E9
≈ Candid Blue
Triádico +120° +240°
- 4ACDC8
Petrichor
- CEA1EB
≈ Bright Ube
- E3AA61
≈ Sahara Shade
Complementario dividido +150° +210°
- 4ACDC8
Petrichor
- E899CB
≈ Blossoms in Spring
- F49D7D
≈ Cumquat Cream
Tetrádico +90° +180° +270°
- 4ACDC8
Petrichor
- AAADFD
≈ Shy Moment
- F597A4
≈ Flower Girl
- C5B95E
≈ Almond Puff
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.93:1 · APCA Lc 37
Ag
AAASobre negro
WCAG 10.85:1 · APCA Lc 66
Mejor color de texto: #000000
WCAG 10.85:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmentos de código
CSS
:root {
--petrichor: #4acdc8;
--petrichor-rgb: 74 205 200;
--petrichor-oklch: oklch(0.776 0.113 191.5);
}
.element {
color: var(--petrichor);
background-color: hsl(178 57% 55%);
border-color: oklch(0.776 0.113 191.5);
}Tailwind CSS v4
@theme {
--color-petrichor: #4acdc8;
--color-petrichor-50: #d1fffe;
--color-petrichor-100: #bdf4f2;
--color-petrichor-200: #9ae4e2;
--color-petrichor-300: #6bcac8;
--color-petrichor-400: #35b3af;
--color-petrichor-500: #009d99;
--color-petrichor-600: #008581;
--color-petrichor-700: #006a67;
--color-petrichor-800: #004e4b;
--color-petrichor-900: #003734;
--color-petrichor-950: #00211f;
}SCSS
$petrichor: #4acdc8;
$petrichor-rgb: 74, 205, 200;
$petrichor-light: mix(#fff, $petrichor, 20%);
$petrichor-dark: mix(#000, $petrichor, 20%);
.element {
color: $petrichor;
box-shadow: 0 0 0 2px rgba($petrichor, 0.35);
}