Nazwany kolor · #BBC6DE
Objectivity
Objectivity to #BBC6DE: rgb(187 198 222), hsl(221 35% 80%), oklch(0.826 0.036 266). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Objectivity color name →
#BBC6DE
oklch(0.826 0.036 266)
Konwersje koloru
- HEX
- #bbc6de
- RGB
- rgb(187 198 222)
- HSL
- hsl(221 35% 80%)
- HWB
- hwb(221 73% 13%)
- OKLCH
- oklch(0.826 0.036 266)
- OKLab
- oklab(0.826 -0.003 -0.036)
- CIE Lab
- lab(79.6 -0.25 -13.35)
- LCH
- lch(79.6 13.35 268.9)
- CMYK
- cmyk(16% 11% 0% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2CCE1
- C8D1E5
- CFD7E8
- D6DDEB
- DDE2EF
- E3E8F2
- EAEEF5
- F1F3F8
- F8F9FC
Odcienie ciemniejsze
- A2ACC1
- 8A92A5
- 737A89
- 5C626F
- 464B55
- 32353D
- 1F2126
- 0D0E12
- 020202
Tony
- B5BFD4
- AFB8CB
- A9B0C1
- A3A9B7
- 9DA2AE
- 979BA5
- 91949B
- 8B8E92
- 868789
Harmonie kolorów
Komplementarna +180°
- BBC6DE
Objectivity
- D0C5AC
≈ Trail Dust
Analogowa -30° +30°
- BBC6DE
Objectivity
- B1CADA
≈ Big Sur
- C7C2DB
≈ Ice Mauve
Triada +120° +240°
- BBC6DE
Objectivity
- DCBEBA
≈ Strawflower
- B8CDB8
≈ Isle of Dreams
Komplementarna rozszczepiona +150° +210°
- BBC6DE
Objectivity
- D9C1B0
≈ Artisan Tea
- C4C9AF
≈ Green Dragon Spring
Tetrada +90° +180° +270°
- BBC6DE
Objectivity
- DABDC7
≈ Fragrant Orchid
- D0C5AC
≈ Trail Dust
- AFCEC5
≈ Watershed
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.71:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.24:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--objectivity: #bbc6de;
--objectivity-rgb: 187 198 222;
--objectivity-oklch: oklch(0.826 0.036 266);
}
.element {
color: var(--objectivity);
background-color: hsl(221 35% 80%);
border-color: oklch(0.826 0.036 266);
}Tailwind CSS v4
@theme {
--color-objectivity: #bbc6de;
--color-objectivity-50: #f1f5ff;
--color-objectivity-100: #e3e8f4;
--color-objectivity-200: #cdd4e4;
--color-objectivity-300: #afb7ca;
--color-objectivity-400: #949eb4;
--color-objectivity-500: #7b869f;
--color-objectivity-600: #687286;
--color-objectivity-700: #535b6b;
--color-objectivity-800: #3c424f;
--color-objectivity-900: #292e37;
--color-objectivity-950: #171b22;
}SCSS
$objectivity: #bbc6de;
$objectivity-rgb: 187, 198, 222;
$objectivity-light: mix(#fff, $objectivity, 20%);
$objectivity-dark: mix(#000, $objectivity, 20%);
.element {
color: $objectivity;
box-shadow: 0 0 0 2px rgba($objectivity, 0.35);
}