Najbliższy nazwany kolor · #2473AB
#2473AB
Najbliższy nazwany kolor: Cloisonné
#2473AB (rgb(36 115 171), hsl(205 65% 41%), oklch(0.536 0.115 244.3)) jest najbliższy nazwanemu kolorowi Cloisonné. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#2473AB
oklch(0.536 0.115 244.3)
Konwersje koloru
- HEX
- #2473ab
- RGB
- rgb(36 115 171)
- HSL
- hsl(205 65% 41%)
- HWB
- hwb(205 14% 33%)
- OKLCH
- oklch(0.536 0.115 244.3)
- OKLab
- oklab(0.536 -0.05 -0.104)
- CIE Lab
- lab(45.84 -8.88 -37.34)
- LCH
- lch(45.84 38.38 256.6)
- CMYK
- cmyk(79% 33% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3F81B4
- 558FBD
- 6B9CC5
- 80AACE
- 95B8D6
- AAC6DF
- BFD4E7
- D4E2EF
- E9F1F7
Odcienie ciemniejsze
- 1E6394
- 18547E
- 124568
- 0C3654
- 072840
- 041B2D
- 020F1B
- 00050B
- 000101
Tony
- 3275A7
- 3E76A3
- 48789F
- 51799B
- 5A7B97
- 627C92
- 6A7D8E
- 717E89
- 797F85
Harmonie kolorów
Komplementarna +180°
- 2473AB
Cloisonné
- 9B5D10
≈ Soft Tone Ink
Analogowa -30° +30°
- 2473AB
Cloisonné
- 007B8F
≈ Jade Shard
- 5A67B0
≈ Evening Lagoon
Triada +120° +240°
- 2473AB
Cloisonné
- A34E65
≈ Raspberry Patch
- 5F7822
≈ Castelvetrano Olive
Komplementarna rozszczepiona +150° +210°
- 2473AB
Cloisonné
- A5513E
≈ Truffle Trouble
- 826B00
≈ Muddy Brown
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.10:1 · APCA Lc 75
Ag
FailNa czerni
WCAG 4.11:1 · APCA Lc 27
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.10:1 (AA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--cloisonne: #2473ab;
--cloisonne-rgb: 36 115 171;
--cloisonne-oklch: oklch(0.536 0.115 244.3);
}
.element {
color: var(--cloisonne);
background-color: hsl(205 65% 41%);
border-color: oklch(0.536 0.115 244.3);
}Tailwind CSS v4
@theme {
--color-cloisonne: #2473ab;
--color-cloisonne-50: #dbf9ff;
--color-cloisonne-100: #c9edff;
--color-cloisonne-200: #acdaff;
--color-cloisonne-300: #86bdef;
--color-cloisonne-400: #5fa5de;
--color-cloisonne-500: #368dcd;
--color-cloisonne-600: #2f77ad;
--color-cloisonne-700: #265f8b;
--color-cloisonne-800: #174667;
--color-cloisonne-900: #0f3148;
--color-cloisonne-950: #021d2f;
}SCSS
$cloisonne: #2473ab;
$cloisonne-rgb: 36, 115, 171;
$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);
}