Nazwany kolor · #ABB9D7
Conclave
Conclave to #ABB9D7: rgb(171 185 215), hsl(221 35% 76%), oklch(0.785 0.046 265.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Conclave color name →
#ABB9D7
oklch(0.785 0.046 265.5)
Konwersje koloru
- HEX
- #abb9d7
- RGB
- rgb(171 185 215)
- HSL
- hsl(221 35% 76%)
- HWB
- hwb(221 67% 16%)
- OKLCH
- oklch(0.785 0.046 265.5)
- OKLab
- oklab(0.785 -0.004 -0.045)
- CIE Lab
- lab(74.8 -0.23 -16.88)
- LCH
- lch(74.8 16.88 269.2)
- CMYK
- cmyk(20% 14% 0% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B3C0DB
- BBC7DF
- C4CEE3
- CCD5E7
- D4DCEB
- DDE3EF
- E5EAF3
- EEF1F7
- F6F8FB
Odcienie ciemniejsze
- 94A0BB
- 7E899F
- 687185
- 545B6B
- 404652
- 2D313B
- 1B1E25
- 0B0D11
- 010202
Tony
- A7B3CE
- A2ADC5
- 9EA8BC
- 9AA2B3
- 959CAB
- 9196A2
- 8D9199
- 888B91
- 848688
Harmonie kolorów
Komplementarna +180°
- ABB9D7
Conclave
- C6B798
≈ Distant Valley
Analogowa -30° +30°
- ABB9D7
Conclave
- 9EBED2
≈ Bush Viper
- BBB4D4
≈ Frosted Orchid
Triada +120° +240°
- ABB9D7
Conclave
- D5AEAA
≈ Pale Persimmon
- A7C1A8
≈ Spring Leaves
Komplementarna rozszczepiona +150° +210°
- ABB9D7
Conclave
- D1B29E
≈ Milk Toast
- B7BD9C
≈ Paspalum Grass
Tetrada +90° +180° +270°
- ABB9D7
Conclave
- D2ADBA
≈ Pink Potion
- C6B798
≈ Distant Valley
- 9BC3B7
≈ Stanley
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.97:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.65:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.65:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--conclave: #abb9d7;
--conclave-rgb: 171 185 215;
--conclave-oklch: oklch(0.785 0.046 265.5);
}
.element {
color: var(--conclave);
background-color: hsl(221 35% 76%);
border-color: oklch(0.785 0.046 265.5);
}Tailwind CSS v4
@theme {
--color-conclave: #abb9d7;
--color-conclave-50: #eff5ff;
--color-conclave-100: #e1e8f8;
--color-conclave-200: #ccd4e8;
--color-conclave-300: #adb7d0;
--color-conclave-400: #929eba;
--color-conclave-500: #7886a5;
--color-conclave-600: #65718c;
--color-conclave-700: #515b70;
--color-conclave-800: #3a4253;
--color-conclave-900: #282e3a;
--color-conclave-950: #161b24;
}SCSS
$conclave: #abb9d7;
$conclave-rgb: 171, 185, 215;
$conclave-light: mix(#fff, $conclave, 20%);
$conclave-dark: mix(#000, $conclave, 20%);
.element {
color: $conclave;
box-shadow: 0 0 0 2px rgba($conclave, 0.35);
}