Najbliższy nazwany kolor · #95C1E4
#95C1E4
Najbliższy nazwany kolor: Double Denim
#95C1E4 (rgb(149 193 228), hsl(207 59% 74%), oklch(0.792 0.068 242.7)) jest najbliższy nazwanemu kolorowi Double Denim. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#95C1E4
oklch(0.792 0.068 242.7)
Konwersje koloru
- HEX
- #95c1e4
- RGB
- rgb(149 193 228)
- HSL
- hsl(207 59% 74%)
- HWB
- hwb(207 58% 11%)
- OKLCH
- oklch(0.792 0.068 242.7)
- OKLab
- oklab(0.792 -0.031 -0.061)
- CIE Lab
- lab(75.84 -8.75 -22.5)
- LCH
- lch(75.84 24.14 248.8)
- CMYK
- cmyk(35% 15% 0% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A0C7E7
- AACDEA
- B5D4ED
- BFDAEF
- CAE0F2
- D5E6F5
- DFECF7
- EAF3FA
- F4F9FC
Odcienie ciemniejsze
- 81A7C6
- 6D8FA9
- 5A778D
- 485F72
- 374958
- 26343F
- 162028
- 080E12
- 010203
Tony
- 93BADA
- 91B4CF
- 8FADC5
- 8DA7BB
- 8BA0B1
- 899AA7
- 87939D
- 858D93
- 82868A
Harmonie kolorów
Komplementarna +180°
- 95C1E4
Double Denim
- DBB28E
≈ Sheepskin
Analogowa -30° +30°
- 95C1E4
Double Denim
- 87C7D5
≈ Maiden Voyage
- ACB9E8
≈ Perano
Triada +120° +240°
- 95C1E4
Double Denim
- E2A9B7
≈ Apple Infusion
- B3C392
≈ Harmonious
Komplementarna rozszczepiona +150° +210°
- 95C1E4
Double Denim
- E4AC9F
≈ Passion Fruit Punch
- CABB89
≈ Olive Hint
Tetrada +90° +180° +270°
- 95C1E4
Double Denim
- D6ABCE
≈ Queenly
- DBB28E
≈ Sheepskin
- 9AC8A6
≈ French Market
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.90:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.02:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 11.02:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
CSS
:root {
--double-denim: #95c1e4;
--double-denim-rgb: 149 193 228;
--double-denim-oklch: oklch(0.792 0.068 242.7);
}
.element {
color: var(--double-denim);
background-color: hsl(207 59% 74%);
border-color: oklch(0.792 0.068 242.7);
}Tailwind CSS v4
@theme {
--color-double-denim: #95c1e4;
--color-double-denim-50: #e6f8ff;
--color-double-denim-100: #d6ebfe;
--color-double-denim-200: #bdd8f0;
--color-double-denim-300: #9bbcd9;
--color-double-denim-400: #7ba4c4;
--color-double-denim-500: #5d8cb0;
--color-double-denim-600: #4f7695;
--color-double-denim-700: #3f5f77;
--color-double-denim-800: #2c4658;
--color-double-denim-900: #1e303d;
--color-double-denim-950: #0d1c27;
}SCSS
$double-denim: #95c1e4;
$double-denim-rgb: 149, 193, 228;
$double-denim-light: mix(#fff, $double-denim, 20%);
$double-denim-dark: mix(#000, $double-denim, 20%);
.element {
color: $double-denim;
box-shadow: 0 0 0 2px rgba($double-denim, 0.35);
}