Cor nomeada mais próxima · #34738C
#34738C
Cor nomeada mais próxima: Calypso
#34738C (rgb(52 115 140), hsl(197 46% 38%), oklch(0.525 0.075 226.9)) é mais próxima da cor nomeada Calypso. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#34738C
oklch(0.525 0.075 226.9)
Conversões de cor
- HEX
- #34738c
- RGB
- rgb(52 115 140)
- HSL
- hsl(197 46% 38%)
- HWB
- hwb(197 20% 45%)
- OKLCH
- oklch(0.525 0.075 226.9)
- OKLab
- oklab(0.525 -0.051 -0.055)
- CIE Lab
- lab(45.14 -14.94 -20.19)
- LCH
- lch(45.14 25.12 233.5)
- CMYK
- cmyk(63% 18% 0% 45%)
Tons claros · Sombras · Tons
Tons claros
- 4A8097
- 5E8EA2
- 729CAE
- 86A9B9
- 9AB7C5
- ADC5D0
- C2D4DC
- D6E2E7
- EAF0F3
Sombras
- 2C6379
- 245467
- 1C4555
- 153643
- 0E2833
- 071B23
- 030F14
- 010507
- 000101
Tons
- 3E748B
- 47768A
- 4F7789
- 577988
- 5E7A87
- 657B85
- 6C7D84
- 737E83
- 797F81
Harmonias de cor
Complementar +180°
- 34738C
Calypso
- 8E5C44
≈ Artisan
Análoga -30° +30°
- 34738C
Calypso
- 287879
≈ Atoll
- 4E6C96
≈ Blue Odyssey
Tríade +120° +240°
- 34738C
Calypso
- 8A5873
≈ Indian Silk
- 6F6D37
≈ Tuscan Hills
Complementar dividida +150° +210°
- 34738C
Calypso
- 91585B
≈ Baca Berry
- 836435
≈ Dirt Brown
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.28:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.97:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.28:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--calypso: #34738c;
--calypso-rgb: 52 115 140;
--calypso-oklch: oklch(0.525 0.075 226.9);
}
.element {
color: var(--calypso);
background-color: hsl(197 46% 38%);
border-color: oklch(0.525 0.075 226.9);
}Tailwind CSS v4
@theme {
--color-calypso: #34738c;
--color-calypso-50: #e0faff;
--color-calypso-100: #cfedfc;
--color-calypso-200: #b4dbee;
--color-calypso-300: #8fbfd6;
--color-calypso-400: #6da8c1;
--color-calypso-500: #4a90ad;
--color-calypso-600: #407a92;
--color-calypso-700: #336275;
--color-calypso-800: #224856;
--color-calypso-900: #17323c;
--color-calypso-950: #081e26;
}SCSS
$calypso: #34738c;
$calypso-rgb: 52, 115, 140;
$calypso-light: mix(#fff, $calypso, 20%);
$calypso-dark: mix(#000, $calypso, 20%);
.element {
color: $calypso;
box-shadow: 0 0 0 2px rgba($calypso, 0.35);
}