Najbliższy nazwany kolor · #BBDCE6
#BBDCE6
Najbliższy nazwany kolor: Cotton Clouds
#BBDCE6 (rgb(187 220 230), hsl(194 46% 82%), oklch(0.874 0.037 218)) jest najbliższy nazwanemu kolorowi Cotton Clouds. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#BBDCE6
oklch(0.874 0.037 218)
Konwersje koloru
- HEX
- #bbdce6
- RGB
- rgb(187 220 230)
- HSL
- hsl(194 46% 82%)
- HWB
- hwb(194 73% 10%)
- OKLCH
- oklch(0.874 0.037 218)
- OKLab
- oklab(0.874 -0.03 -0.023)
- CIE Lab
- lab(85.58 -9.69 -8.75)
- LCH
- lch(85.58 13.06 222.1)
- CMYK
- cmyk(19% 4% 0% 10%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2DFE9
- C9E3EB
- CFE6EE
- D6EAF0
- DDEDF3
- E4F1F5
- EBF4F8
- F1F8FA
- F8FBFD
Odcienie ciemniejsze
- A2BFC8
- 8AA3AB
- 73888E
- 5C6E73
- 465459
- 323C40
- 1F2628
- 0D1113
- 020203
Tony
- B5D2DB
- AFC9D1
- A9C0C6
- A3B6BC
- 9DADB2
- 97A4A8
- 929B9D
- 8C9294
- 86898A
Harmonie kolorów
Komplementarna +180°
- BBDCE6
Cotton Clouds
- EDCEC4
≈ Leverkaas
Analogowa -30° +30°
- BBDCE6
Cotton Clouds
- BBDEDA
≈ Bath Salt Green
- C3D8EE
≈ Light Powder Blue
Triada +120° +240°
- BBDCE6
Cotton Clouds
- E7CCDE
≈ Vanity Pink
- DCD6BB
≈ Caraway Seeds
Komplementarna rozszczepiona +150° +210°
- BBDCE6
Cotton Clouds
- EDCCD1
≈ Milkshake Pink
- E7D1BC
≈ Buff Tone
Tetrada +90° +180° +270°
- BBDCE6
Cotton Clouds
- DCCFE9
≈ Plum’s the Word
- EDCEC4
≈ Leverkaas
- CEDBC1
≈ Zen Garden
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.49:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.49:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--cotton-clouds: #bbdce6;
--cotton-clouds-rgb: 187 220 230;
--cotton-clouds-oklch: oklch(0.874 0.037 218);
}
.element {
color: var(--cotton-clouds);
background-color: hsl(194 46% 82%);
border-color: oklch(0.874 0.037 218);
}Tailwind CSS v4
@theme {
--color-cotton-clouds: #bbdce6;
--color-cotton-clouds-50: #eaf8fd;
--color-cotton-clouds-100: #dbebf1;
--color-cotton-clouds-200: #c4d8df;
--color-cotton-clouds-300: #a3bcc5;
--color-cotton-clouds-400: #86a4ad;
--color-cotton-clouds-500: #6a8d97;
--color-cotton-clouds-600: #5a7780;
--color-cotton-clouds-700: #485f66;
--color-cotton-clouds-800: #34464b;
--color-cotton-clouds-900: #233034;
--color-cotton-clouds-950: #121d1f;
}SCSS
$cotton-clouds: #bbdce6;
$cotton-clouds-rgb: 187, 220, 230;
$cotton-clouds-light: mix(#fff, $cotton-clouds, 20%);
$cotton-clouds-dark: mix(#000, $cotton-clouds, 20%);
.element {
color: $cotton-clouds;
box-shadow: 0 0 0 2px rgba($cotton-clouds, 0.35);
}