Najbliższy nazwany kolor · #BDCFC8
#BDCFC8
Najbliższy nazwany kolor: Aquatic Edge
#BDCFC8 (rgb(189 207 200), hsl(157 16% 78%), oklch(0.839 0.022 170.5)) jest najbliższy nazwanemu kolorowi Aquatic Edge. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#BDCFC8
oklch(0.839 0.022 170.5)
Konwersje koloru
- HEX
- #bdcfc8
- RGB
- rgb(189 207 200)
- HSL
- hsl(157 16% 78%)
- HWB
- hwb(157 74% 19%)
- OKLCH
- oklch(0.839 0.022 170.5)
- OKLab
- oklab(0.839 -0.021 0.004)
- CIE Lab
- lab(81.6 -7.31 1.3)
- LCH
- lch(81.6 7.42 169.9)
- CMYK
- cmyk(9% 0% 3% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C3D4CD
- CAD8D3
- D1DDD8
- D7E2DE
- DEE7E3
- E4ECE9
- EBF0EE
- F2F5F4
- F8FAF9
Odcienie ciemniejsze
- A4B4AE
- 8C9994
- 747F7B
- 5D6763
- 474F4C
- 333836
- 1F2321
- 0D100F
- 020202
Tony
- B7C7C1
- B1BFB9
- AAB7B2
- A4AFAB
- 9EA7A3
- 989F9C
- 929795
- 8C8F8E
- 868887
Harmonie kolorów
Komplementarna +180°
- BDCFC8
Aquatic Edge
- D6C5CC
≈ Odyssey Lilac
Analogowa -30° +30°
- BDCFC8
Aquatic Edge
- C3CEC1
≈ Green Lily
- BBCFD0
≈ Detroit
Triada +120° +240°
- BDCFC8
Aquatic Edge
- CAC8D8
≈ Magic Scent
- D7C6BE
≈ Perk Up
Komplementarna rozszczepiona +150° +210°
- BDCFC8
Aquatic Edge
- D1C6D3
≈ Enchant
- D8C5C4
≈ Just Gorgeous
Tetrada +90° +180° +270°
- BDCFC8
Aquatic Edge
- C2CBD9
≈ Icy Brook
- D6C5CC
≈ Odyssey Lilac
- D2C9BB
≈ Manuscript
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.62:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.92:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.92:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--aquatic-edge: #bdcfc8;
--aquatic-edge-rgb: 189 207 200;
--aquatic-edge-oklch: oklch(0.839 0.022 170.5);
}
.element {
color: var(--aquatic-edge);
background-color: hsl(157 16% 78%);
border-color: oklch(0.839 0.022 170.5);
}Tailwind CSS v4
@theme {
--color-aquatic-edge: #bdcfc8;
--color-aquatic-edge-50: #eff7f4;
--color-aquatic-edge-100: #e1eae7;
--color-aquatic-edge-200: #cbd7d3;
--color-aquatic-edge-300: #adbbb6;
--color-aquatic-edge-400: #92a39c;
--color-aquatic-edge-500: #798b84;
--color-aquatic-edge-600: #667670;
--color-aquatic-edge-700: #525e59;
--color-aquatic-edge-800: #3b4541;
--color-aquatic-edge-900: #29302d;
--color-aquatic-edge-950: #171c1a;
}SCSS
$aquatic-edge: #bdcfc8;
$aquatic-edge-rgb: 189, 207, 200;
$aquatic-edge-light: mix(#fff, $aquatic-edge, 20%);
$aquatic-edge-dark: mix(#000, $aquatic-edge, 20%);
.element {
color: $aquatic-edge;
box-shadow: 0 0 0 2px rgba($aquatic-edge, 0.35);
}