Najbliższy nazwany kolor · #B6C8FF
#B6C8FF
Najbliższy nazwany kolor: Pastel Blue
#B6C8FF (rgb(182 200 255), hsl(225 100% 86%), oklch(0.838 0.08 270.5)) jest najbliższy nazwanemu kolorowi Pastel Blue. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B6C8FF
oklch(0.838 0.08 270.5)
Konwersje koloru
- HEX
- #b6c8ff
- RGB
- rgb(182 200 255)
- HSL
- hsl(225 100% 86%)
- HWB
- hwb(225 71% 0%)
- OKLCH
- oklch(0.838 0.08 270.5)
- OKLab
- oklab(0.838 0.001 -0.08)
- CIE Lab
- lab(80.67 2.82 -29.34)
- LCH
- lch(80.67 29.47 275.5)
- CMYK
- cmyk(29% 22% 0% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BDCEFF
- C4D3FF
- CBD9FF
- D3DEFF
- DAE4FF
- E1E9FF
- E9EFFF
- F0F4FF
- F8FAFF
Odcienie ciemniejsze
- 9EAEDE
- 8694BE
- 6F7B9E
- 596380
- 444C63
- 303648
- 1D212E
- 0C0F16
- 020203
Tony
- B0C1F2
- ABB9E5
- A5B2D8
- A0ABCB
- 9BA4BE
- 959CB1
- 9095A5
- 8B8E99
- 85878C
Harmonie kolorów
Komplementarna +180°
- B6C8FF
Pastel Blue
- DEC88E
≈ Asparagus Yellow
Analogowa -30° +30°
- B6C8FF
Pastel Blue
- 9BD1F9
≈ Long Island Sound
- D2BFF7
≈ Connecticut Lilac
Triada +120° +240°
- B6C8FF
Pastel Blue
- FAB7AB
≈ Mixed Fruit
- A5D9AF
≈ Frugal
Komplementarna rozszczepiona +150° +210°
- B6C8FF
Pastel Blue
- F1BE95
≈ Word of Mouth
- C2D298
≈ Cricket Field
Tetrada +90° +180° +270°
- B6C8FF
Pastel Blue
- F7B5C7
≈ Love Spell
- DEC88E
≈ Asparagus Yellow
- 8EDCCC
≈ Bambino
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.65:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.69:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.69:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--pastel-blue: #b6c8ff;
--pastel-blue-rgb: 182 200 255;
--pastel-blue-oklch: oklch(0.838 0.08 270.5);
}
.element {
color: var(--pastel-blue);
background-color: hsl(225 100% 86%);
border-color: oklch(0.838 0.08 270.5);
}Tailwind CSS v4
@theme {
--color-pastel-blue: #b6c8ff;
--color-pastel-blue-50: #edf4ff;
--color-pastel-blue-100: #dee7ff;
--color-pastel-blue-200: #c8d3f7;
--color-pastel-blue-300: #a9b5e1;
--color-pastel-blue-400: #8c9cce;
--color-pastel-blue-500: #7283bc;
--color-pastel-blue-600: #616f9e;
--color-pastel-blue-700: #4d597f;
--color-pastel-blue-800: #37415e;
--color-pastel-blue-900: #252d42;
--color-pastel-blue-950: #141a2a;
}SCSS
$pastel-blue: #b6c8ff;
$pastel-blue-rgb: 182, 200, 255;
$pastel-blue-light: mix(#fff, $pastel-blue, 20%);
$pastel-blue-dark: mix(#000, $pastel-blue, 20%);
.element {
color: $pastel-blue;
box-shadow: 0 0 0 2px rgba($pastel-blue, 0.35);
}