Colore con nome · #B1D2D5
Fine China
Fine China è #B1D2D5: rgb(177 210 213), hsl(185 30% 76%), oklch(0.841 0.035 203.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Fine China color name →
#B1D2D5
oklch(0.841 0.035 203.3)
Conversioni di colore
- HEX
- #b1d2d5
- RGB
- rgb(177 210 213)
- HSL
- hsl(185 30% 76%)
- HWB
- hwb(185 69% 16%)
- OKLCH
- oklch(0.841 0.035 203.3)
- OKLab
- oklab(0.841 -0.032 -0.014)
- CIE Lab
- lab(81.85 -10.87 -5.35)
- LCH
- lch(81.85 12.12 206.2)
- CMYK
- cmyk(17% 1% 0% 16%)
Tinte · Ombre · Toni
Tinte
- B9D6D9
- C1DBDD
- C8DFE1
- D0E4E6
- D8E8EA
- E0EDEE
- E8F1F2
- EFF6F7
- F7FAFB
Ombre
- 99B6B9
- 839B9E
- 6C8183
- 57686A
- 425051
- 2F393A
- 1C2424
- 0C1010
- 010202
Toni
- ACCACC
- A7C1C3
- A2B9BB
- 9DB0B2
- 99A8AA
- 94A0A1
- 8F9899
- 8A9090
- 858888
Armonie di colore
Complementare +180°
- B1D2D5
Fine China
- E1C2C0
≈ Spice Girl
Analogo -30° +30°
- B1D2D5
Fine China
- B4D3C9
≈ Uninhibited
- B5CFDE
≈ Omphalodes
Triadico +120° +240°
- B1D2D5
Fine China
- D7C3D8
≈ Tender Violet
- D6C9B1
≈ Wood Ash
Complementare divisa +150° +210°
- B1D2D5
Fine China
- DEC2CD
≈ Baby Tone
- DEC5B6
≈ Mornington
Tetradico +90° +180° +270°
- B1D2D5
Fine China
- CBC7E0
≈ Purple Purity
- E1C2C0
≈ Spice Girl
- CACEB4
≈ Chilled Cucumber
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.04:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.04:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--fine-china: #b1d2d5;
--fine-china-rgb: 177 210 213;
--fine-china-oklch: oklch(0.841 0.035 203.3);
}
.element {
color: var(--fine-china);
background-color: hsl(185 30% 76%);
border-color: oklch(0.841 0.035 203.3);
}Tailwind CSS v4
@theme {
--color-fine-china: #b1d2d5;
--color-fine-china-50: #eaf8fa;
--color-fine-china-100: #dbeced;
--color-fine-china-200: #c4d9db;
--color-fine-china-300: #a3bdc0;
--color-fine-china-400: #87a5a8;
--color-fine-china-500: #6b8d91;
--color-fine-china-600: #5b787a;
--color-fine-china-700: #486062;
--color-fine-china-800: #344647;
--color-fine-china-900: #243131;
--color-fine-china-950: #121d1d;
}SCSS
$fine-china: #b1d2d5;
$fine-china-rgb: 177, 210, 213;
$fine-china-light: mix(#fff, $fine-china, 20%);
$fine-china-dark: mix(#000, $fine-china, 20%);
.element {
color: $fine-china;
box-shadow: 0 0 0 2px rgba($fine-china, 0.35);
}