Cor nomeada mais próxima · #5DBDBC
#5DBDBC
Cor nomeada mais próxima: Petrichor
#5DBDBC (rgb(93 189 188), hsl(179 42% 55%), oklch(0.74 0.091 194.5)) é mais próxima da cor nomeada Petrichor. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#5DBDBC
oklch(0.74 0.091 194.5)
Conversões de cor
- HEX
- #5dbdbc
- RGB
- rgb(93 189 188)
- HSL
- hsl(179 42% 55%)
- HWB
- hwb(179 36% 26%)
- OKLCH
- oklch(0.74 0.091 194.5)
- OKLab
- oklab(0.74 -0.088 -0.023)
- CIE Lab
- lab(70.85 -29.74 -8.68)
- LCH
- lch(70.85 30.98 196.3)
- CMYK
- cmyk(51% 0% 1% 26%)
Tons claros · Sombras · Tons
Tons claros
- 70C4C3
- 82CAC9
- 93D1D0
- A3D8D6
- B3DEDD
- C2E5E4
- D2EBEB
- E1F2F1
- F0F8F8
Sombras
- 50A4A3
- 438C8B
- 377473
- 2A5D5D
- 1F4747
- 143332
- 0A1F1F
- 030D0D
- 000202
Tons
- 63B7B6
- 69B1B0
- 6DABAA
- 71A5A4
- 759E9E
- 789898
- 7A9292
- 7D8C8C
- 7E8686
Harmonias de cor
Complementar +180°
- 5DBDBC
Petrichor
- DE9399
≈ Dancer
Análoga -30° +30°
- 5DBDBC
Petrichor
- 71BD9C
≈ Mint Cold Green
- 66B7D6
≈ Baby Tears
Tríade +120° +240°
- 5DBDBC
Petrichor
- C09AD3
≈ Mauve Mist
- CDA368
≈ Workbench
Complementar dividida +150° +210°
- 5DBDBC
Petrichor
- D494B9
≈ Soft Fuchsia
- DC997B
≈ Totally Toffee
Tétrade +90° +180° +270°
- 5DBDBC
Petrichor
- A4A3E2
≈ Simply Violet
- DE9399
≈ Dancer
- B4AE69
≈ Summer Moss
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.21:1 · APCA Lc 43
Ag
AAASobre preto
WCAG 9.47:1 · APCA Lc 59
Melhor cor de texto: #000000
WCAG 9.47:1 (AAA) · APCA Lc 59
Contrast pairs
Trechos de código
CSS
:root {
--petrichor: #5dbdbc;
--petrichor-rgb: 93 189 188;
--petrichor-oklch: oklch(0.74 0.091 194.5);
}
.element {
color: var(--petrichor);
background-color: hsl(179 42% 55%);
border-color: oklch(0.74 0.091 194.5);
}Tailwind CSS v4
@theme {
--color-petrichor: #5dbdbc;
--color-petrichor-50: #d8fefe;
--color-petrichor-100: #c6f2f2;
--color-petrichor-200: #a7e1e1;
--color-petrichor-300: #7ec6c7;
--color-petrichor-400: #55afae;
--color-petrichor-500: #1e9998;
--color-petrichor-600: #1e8181;
--color-petrichor-700: #196767;
--color-petrichor-800: #0f4c4b;
--color-petrichor-900: #0a3534;
--color-petrichor-950: #00201f;
}SCSS
$petrichor: #5dbdbc;
$petrichor-rgb: 93, 189, 188;
$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);
}