Cor nomeada mais próxima · #1F6EA4
#1F6EA4
Cor nomeada mais próxima: Cloisonné
#1F6EA4 (rgb(31 110 164), hsl(204 68% 38%), oklch(0.518 0.113 243.8)) é mais próxima da cor nomeada Cloisonné. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#1F6EA4
oklch(0.518 0.113 243.8)
Conversões de cor
- HEX
- #1f6ea4
- RGB
- rgb(31 110 164)
- HSL
- hsl(204 68% 38%)
- HWB
- hwb(204 12% 36%)
- OKLCH
- oklch(0.518 0.113 243.8)
- OKLab
- oklab(0.518 -0.05 -0.101)
- CIE Lab
- lab(43.85 -8.93 -36.39)
- LCH
- lch(43.85 37.47 256.2)
- CMYK
- cmyk(81% 33% 0% 36%)
Tons claros · Sombras · Tons
Tons claros
- 3B7CAD
- 528AB7
- 6899C0
- 7DA7C9
- 93B6D3
- A8C4DC
- BED3E5
- D3E1ED
- E9F0F6
Sombras
- 195F8E
- 145079
- 0F4164
- 0A3350
- 06263D
- 03192B
- 010E1A
- 00040A
- 000101
Tons
- 2E70A1
- 3A729E
- 45749A
- 4E7697
- 577893
- 607A90
- 687C8C
- 707D88
- 787F84
Harmonias de cor
Complementar +180°
- 1F6EA4
Cloisonné
- 95580D
≈ Sepia Wash
Análoga -30° +30°
- 1F6EA4
Cloisonné
- 007588
≈ Glamour Green
- 5562A9
≈ Submarine Base
Tríade +120° +240°
- 1F6EA4
Cloisonné
- 9C4961
≈ Baby Berries
- 5B731E
≈ Fern Frond
Complementar dividida +150° +210°
- 1F6EA4
Cloisonné
- 9F4D3B
≈ Boynton Canyon
- 7D6600
≈ Arousing Alligator
Tétrade +90° +180° +270°
- 1F6EA4
Cloisonné
- 8E4D83
≈ Razzmic Berry
- 95580D
≈ Sepia Wash
- 257B49
≈ Salem
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.49:1 · APCA Lc 77
Ag
FailSobre preto
WCAG 3.82:1 · APCA Lc 25
Melhor cor de texto: #FFFFFF
WCAG 5.49:1 (AA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--cloisonne: #1f6ea4;
--cloisonne-rgb: 31 110 164;
--cloisonne-oklch: oklch(0.518 0.113 243.8);
}
.element {
color: var(--cloisonne);
background-color: hsl(204 68% 38%);
border-color: oklch(0.518 0.113 243.8);
}Tailwind CSS v4
@theme {
--color-cloisonne: #1f6ea4;
--color-cloisonne-50: #dcf9ff;
--color-cloisonne-100: #caedff;
--color-cloisonne-200: #addaff;
--color-cloisonne-300: #87beee;
--color-cloisonne-400: #60a6dc;
--color-cloisonne-500: #378dcb;
--color-cloisonne-600: #3177ab;
--color-cloisonne-700: #276089;
--color-cloisonne-800: #184666;
--color-cloisonne-900: #0f3147;
--color-cloisonne-950: #021d2f;
}SCSS
$cloisonne: #1f6ea4;
$cloisonne-rgb: 31, 110, 164;
$cloisonne-light: mix(#fff, $cloisonne, 20%);
$cloisonne-dark: mix(#000, $cloisonne, 20%);
.element {
color: $cloisonne;
box-shadow: 0 0 0 2px rgba($cloisonne, 0.35);
}