Colore con nome più vicino · #77C9CB
#77C9CB
Colore con nome più vicino: Petrichor
#77C9CB (rgb(119 201 203), hsl(181 45% 63%), oklch(0.784 0.08 197.7)) è più vicino al colore con nome Petrichor. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#77C9CB
oklch(0.784 0.08 197.7)
Conversioni di colore
- HEX
- #77c9cb
- RGB
- rgb(119 201 203)
- HSL
- hsl(181 45% 63%)
- HWB
- hwb(181 47% 20%)
- OKLCH
- oklch(0.784 0.08 197.7)
- OKLab
- oklab(0.784 -0.077 -0.024)
- CIE Lab
- lab(75.82 -25.75 -9.31)
- LCH
- lch(75.82 27.38 199.9)
- CMYK
- cmyk(41% 1% 0% 20%)
Tinte · Ombre · Toni
Tinte
- 86CED0
- 95D4D5
- A3D9DA
- B0DFE0
- BEE4E5
- CBEAEA
- D8EFEF
- E5F4F4
- F2FAFA
Ombre
- 67AEB0
- 579596
- 477C7D
- 386465
- 2A4C4D
- 1C3637
- 102222
- 050F0F
- 010202
Toni
- 79C2C3
- 7BBABC
- 7DB3B4
- 7EABAC
- 7FA4A5
- 809D9D
- 809696
- 818E8F
- 808787
Armonie di colore
Complementare +180°
- 77C9CB
Petrichor
- E8A4A6
≈ Perennial Phlox
Analogo -30° +30°
- 77C9CB
Petrichor
- 85CAAF
≈ Pale Teal
- 80C4E1
≈ Undercool
Triadico +120° +240°
- 77C9CB
Petrichor
- CEA9DB
≈ Cherish the Moment
- D6B37E
≈ Barley
Complementare divisa +150° +210°
- 77C9CB
Petrichor
- E0A4C2
≈ Think Pink
- E4AA8C
≈ Rose Tattoo
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.90:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.00:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 11.00:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--petrichor: #77c9cb;
--petrichor-rgb: 119 201 203;
--petrichor-oklch: oklch(0.784 0.08 197.7);
}
.element {
color: var(--petrichor);
background-color: hsl(181 45% 63%);
border-color: oklch(0.784 0.08 197.7);
}Tailwind CSS v4
@theme {
--color-petrichor: #77c9cb;
--color-petrichor-50: #dcfdfe;
--color-petrichor-100: #caf1f2;
--color-petrichor-200: #addfe2;
--color-petrichor-300: #85c4c7;
--color-petrichor-400: #60adaf;
--color-petrichor-500: #369699;
--color-petrichor-600: #307f81;
--color-petrichor-700: #266668;
--color-petrichor-800: #1a4b4b;
--color-petrichor-900: #113434;
--color-petrichor-950: #031f20;
}SCSS
$petrichor: #77c9cb;
$petrichor-rgb: 119, 201, 203;
$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);
}