Nazwany kolor · #95B0C6
Porcelain Vase
Porcelain Vase to #95B0C6: rgb(149 176 198), hsl(207 30% 68%), oklch(0.744 0.044 242.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Porcelain Vase color name →
#95B0C6
oklch(0.744 0.044 242.9)
Konwersje koloru
- HEX
- #95b0c6
- RGB
- rgb(149 176 198)
- HSL
- hsl(207 30% 68%)
- HWB
- hwb(207 58% 22%)
- OKLCH
- oklch(0.744 0.044 242.9)
- OKLab
- oklab(0.744 -0.02 -0.039)
- CIE Lab
- lab(70.34 -5.88 -14.49)
- LCH
- lch(70.34 15.64 247.9)
- CMYK
- cmyk(25% 11% 0% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9FB8CC
- AABFD1
- B4C7D7
- BFCFDD
- C9D7E2
- D4DFE8
- DFE7EE
- E9EFF4
- F4F7F9
Odcienie ciemniejsze
- 8199AC
- 6D8292
- 5A6C7A
- 485662
- 37424B
- 262E35
- 161C21
- 080B0E
- 010102
Tony
- 93ABBF
- 91A6B8
- 8FA1B1
- 8D9DAA
- 8B98A3
- 89939C
- 878E95
- 84898E
- 828587
Harmonie kolorów
Komplementarna +180°
- 95B0C6
Porcelain Vase
- C1A790
≈ Truffle
Analogowa -30° +30°
- 95B0C6
Porcelain Vase
- 8DB4BD
≈ Kitchen Blue
- A3ABC8
≈ Foxflower Viola
Triada +120° +240°
- 95B0C6
Porcelain Vase
- C5A1A9
≈ Lighthearted Rose
- A7B193
≈ Family Tree
Komplementarna rozszczepiona +150° +210°
- 95B0C6
Porcelain Vase
- C6A39B
≈ Rose Bisque
- B5AC8D
≈ Travertine Path
Tetrada +90° +180° +270°
- 95B0C6
Porcelain Vase
- BEA2B8
≈ Leek Blossom Pink
- C1A790
≈ Truffle
- 98B59F
≈ Copper Patina
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.25:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.30:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.30:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--porcelain-vase: #95b0c6;
--porcelain-vase-rgb: 149 176 198;
--porcelain-vase-oklch: oklch(0.744 0.044 242.9);
}
.element {
color: var(--porcelain-vase);
background-color: hsl(207 30% 68%);
border-color: oklch(0.744 0.044 242.9);
}Tailwind CSS v4
@theme {
--color-porcelain-vase: #95b0c6;
--color-porcelain-vase-50: #ebf7ff;
--color-porcelain-vase-100: #dceaf6;
--color-porcelain-vase-200: #c5d7e6;
--color-porcelain-vase-300: #a5bacd;
--color-porcelain-vase-400: #89a2b7;
--color-porcelain-vase-500: #6d8aa1;
--color-porcelain-vase-600: #5d7588;
--color-porcelain-vase-700: #4a5d6d;
--color-porcelain-vase-800: #354550;
--color-porcelain-vase-900: #242f38;
--color-porcelain-vase-950: #131c22;
}SCSS
$porcelain-vase: #95b0c6;
$porcelain-vase-rgb: 149, 176, 198;
$porcelain-vase-light: mix(#fff, $porcelain-vase, 20%);
$porcelain-vase-dark: mix(#000, $porcelain-vase, 20%);
.element {
color: $porcelain-vase;
box-shadow: 0 0 0 2px rgba($porcelain-vase, 0.35);
}