Najbliższy nazwany kolor · #B2CBED
#B2CBED
Najbliższy nazwany kolor: Breeze
#B2CBED (rgb(178 203 237), hsl(215 62% 81%), oklch(0.835 0.055 256.1)) jest najbliższy nazwanemu kolorowi Breeze. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B2CBED
oklch(0.835 0.055 256.1)
Konwersje koloru
- HEX
- #b2cbed
- RGB
- rgb(178 203 237)
- HSL
- hsl(215 62% 81%)
- HWB
- hwb(215 70% 7%)
- OKLCH
- oklch(0.835 0.055 256.1)
- OKLab
- oklab(0.835 -0.013 -0.053)
- CIE Lab
- lab(80.66 -3.15 -19.84)
- LCH
- lch(80.66 20.09 261)
- CMYK
- cmyk(25% 14% 0% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BAD0EF
- C1D5F1
- C9DBF3
- D0E0F5
- D8E5F6
- E0EAF8
- E8EFFA
- EFF5FC
- F7FAFD
Odcienie ciemniejsze
- 9AB0CE
- 8396B0
- 6D7D93
- 576577
- 434D5C
- 2F3742
- 1D222A
- 0C0F14
- 010203
Tony
- ADC3E2
- A8BCD6
- A3B4CB
- 9EACC0
- 99A5B5
- 949DAA
- 8F96A0
- 8A8F95
- 85878A
Harmonie kolorów
Komplementarna +180°
- B2CBED
Breeze
- DEC5A1
≈ Fortune Cookie
Analogowa -30° +30°
- B2CBED
Breeze
- A3D1E5
≈ Sea Rover
- C5C4EC
≈ Violet Gems
Triada +120° +240°
- B2CBED
Breeze
- EBBBBD
≈ Star of the Morning
- B9D2AE
≈ Jaded Lime
Komplementarna rozszczepiona +150° +210°
- B2CBED
Breeze
- E8BFAB
≈ Retro Peach
- CDCCA3
≈ Crisp Celery
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.65:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.65:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.65:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--breeze: #b2cbed;
--breeze-rgb: 178 203 237;
--breeze-oklch: oklch(0.835 0.055 256.1);
}
.element {
color: var(--breeze);
background-color: hsl(215 62% 81%);
border-color: oklch(0.835 0.055 256.1);
}Tailwind CSS v4
@theme {
--color-breeze: #b2cbed;
--color-breeze-50: #ecf6ff;
--color-breeze-100: #dde9fb;
--color-breeze-200: #c6d5ec;
--color-breeze-300: #a6b9d4;
--color-breeze-400: #8aa0bf;
--color-breeze-500: #6e88ab;
--color-breeze-600: #5e7390;
--color-breeze-700: #4b5c74;
--color-breeze-800: #354455;
--color-breeze-900: #242f3c;
--color-breeze-950: #131b25;
}SCSS
$breeze: #b2cbed;
$breeze-rgb: 178, 203, 237;
$breeze-light: mix(#fff, $breeze, 20%);
$breeze-dark: mix(#000, $breeze, 20%);
.element {
color: $breeze;
box-shadow: 0 0 0 2px rgba($breeze, 0.35);
}