Najbliższy nazwany kolor · #1F6EA4
#1F6EA4
Najbliższy nazwany kolor: Cloisonné
#1F6EA4 (rgb(31 110 164), hsl(204 68% 38%), oklch(0.518 0.113 243.8)) jest najbliższy nazwanemu kolorowi Cloisonné. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#1F6EA4
oklch(0.518 0.113 243.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3B7CAD
- 528AB7
- 6899C0
- 7DA7C9
- 93B6D3
- A8C4DC
- BED3E5
- D3E1ED
- E9F0F6
Odcienie ciemniejsze
- 195F8E
- 145079
- 0F4164
- 0A3350
- 06263D
- 03192B
- 010E1A
- 00040A
- 000101
Tony
- 2E70A1
- 3A729E
- 45749A
- 4E7697
- 577893
- 607A90
- 687C8C
- 707D88
- 787F84
Harmonie kolorów
Komplementarna +180°
- 1F6EA4
Cloisonné
- 95580D
≈ Sepia Wash
Analogowa -30° +30°
- 1F6EA4
Cloisonné
- 007588
≈ Glamour Green
- 5562A9
≈ Submarine Base
Triada +120° +240°
- 1F6EA4
Cloisonné
- 9C4961
≈ Baby Berries
- 5B731E
≈ Fern Frond
Komplementarna rozszczepiona +150° +210°
- 1F6EA4
Cloisonné
- 9F4D3B
≈ Boynton Canyon
- 7D6600
≈ Arousing Alligator
Tetrada +90° +180° +270°
- 1F6EA4
Cloisonné
- 8E4D83
≈ Razzmic Berry
- 95580D
≈ Sepia Wash
- 257B49
≈ Salem
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.49:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.82:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.49:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
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);
}