Najbliższy nazwany kolor · #63A0D2
#63A0D2
Najbliższy nazwany kolor: Windjammer
#63A0D2 (rgb(99 160 210), hsl(207 55% 61%), oklch(0.684 0.098 244.6)) jest najbliższy nazwanemu kolorowi Windjammer. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#63A0D2
oklch(0.684 0.098 244.6)
Konwersje koloru
- HEX
- #63a0d2
- RGB
- rgb(99 160 210)
- HSL
- hsl(207 55% 61%)
- HWB
- hwb(207 39% 18%)
- OKLCH
- oklch(0.684 0.098 244.6)
- OKLab
- oklab(0.684 -0.042 -0.088)
- CIE Lab
- lab(63.25 -9.69 -32.17)
- LCH
- lch(63.25 33.6 253.2)
- CMYK
- cmyk(53% 24% 0% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 73A9D7
- 83B3DC
- 92BCE0
- A2C6E5
- B1CFEA
- C1D9EE
- D0E2F2
- E0ECF7
- EFF5FB
Odcienie ciemniejsze
- 558BB6
- 47769B
- 3A6181
- 2E4E68
- 213B50
- 162939
- 0B1924
- 030910
- 000102
Tony
- 679DCA
- 6B9AC2
- 6E97B9
- 7194B1
- 7491A9
- 778DA1
- 798A99
- 7C8790
- 7E8388
Harmonie kolorów
Komplementarna +180°
- 63A0D2
Windjammer
- C48D56
≈ Bosc Pear
Analogowa -30° +30°
- 63A0D2
Windjammer
- 44A9BF
≈ Moonstone
- 8795D6
≈ Mystic Iris
Triada +120° +240°
- 63A0D2
Windjammer
- CD8092
≈ Cashmere Rose
- 8CA45F
≈ Zesty Apple
Komplementarna rozszczepiona +150° +210°
- 63A0D2
Windjammer
- CE8371
≈ Fire Chalk
- AD994F
≈ Spanish Gold
Tetrada +90° +180° +270°
- 63A0D2
Windjammer
- BF82B2
≈ Violet Tulle
- C48D56
≈ Bosc Pear
- 66AC7F
≈ Green Tea Candy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.48:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--windjammer: #63a0d2;
--windjammer-rgb: 99 160 210;
--windjammer-oklch: oklch(0.684 0.098 244.6);
}
.element {
color: var(--windjammer);
background-color: hsl(207 55% 61%);
border-color: oklch(0.684 0.098 244.6);
}Tailwind CSS v4
@theme {
--color-windjammer: #63a0d2;
--color-windjammer-50: #dff9ff;
--color-windjammer-100: #ceecff;
--color-windjammer-200: #b3d9fc;
--color-windjammer-300: #8fbde7;
--color-windjammer-400: #6ba5d4;
--color-windjammer-500: #488cc2;
--color-windjammer-600: #3e77a4;
--color-windjammer-700: #315f84;
--color-windjammer-800: #214661;
--color-windjammer-900: #163044;
--color-windjammer-950: #071d2c;
}SCSS
$windjammer: #63a0d2;
$windjammer-rgb: 99, 160, 210;
$windjammer-light: mix(#fff, $windjammer, 20%);
$windjammer-dark: mix(#000, $windjammer, 20%);
.element {
color: $windjammer;
box-shadow: 0 0 0 2px rgba($windjammer, 0.35);
}