Colore con nome · #47A0D2
Peaceful River
Peaceful River è #47A0D2: rgb(71 160 210), hsl(202 61% 55%), oklch(0.673 0.112 236.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Peaceful River color name →
#47A0D2
oklch(0.673 0.112 236.5)
Conversioni di colore
- HEX
- #47a0d2
- RGB
- rgb(71 160 210)
- HSL
- hsl(202 61% 55%)
- HWB
- hwb(202 28% 18%)
- OKLCH
- oklch(0.673 0.112 236.5)
- OKLab
- oklab(0.673 -0.062 -0.094)
- CIE Lab
- lab(62.09 -15.64 -34.06)
- LCH
- lch(62.09 37.48 245.3)
- CMYK
- cmyk(66% 24% 0% 18%)
Tinte · Ombre · Toni
Tinte
- 5DAAD7
- 71B3DC
- 83BDE0
- 95C6E5
- A7D0EA
- B9D9EE
- CAE3F2
- DCECF7
- EDF6FB
Ombre
- 3D8BB6
- 32769B
- 286181
- 1F4E68
- 163B50
- 0D2939
- 061924
- 020910
- 000102
Toni
- 509DCA
- 589AC2
- 5F97B9
- 6594B1
- 6A91A9
- 6F8EA1
- 748A99
- 788790
- 7C8388
Armonie di colore
Complementare +180°
- 47A0D2
Peaceful River
- CA834D
≈ Sticky Toffee
Analogo -30° +30°
- 47A0D2
Peaceful River
- 14A9B8
≈ Bluebird
- 7694DC
≈ Little Boy Blue
Triadico +120° +240°
- 47A0D2
Peaceful River
- CD7898
≈ Devilish Diva
- 929F49
≈ Spinach Green
Complementare divisa +150° +210°
- 47A0D2
Peaceful River
- D27A71
≈ Hearts Afire
- B4913A
≈ Venetian Gold
Tetradico +90° +180° +270°
- 47A0D2
Peaceful River
- BA7DBB
≈ Colombo Red Mauve
- CA834D
≈ Sticky Toffee
- 65A96C
≈ Happy Cricket
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.90:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.22:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.22:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--peaceful-river: #47a0d2;
--peaceful-river-rgb: 71 160 210;
--peaceful-river-oklch: oklch(0.673 0.112 236.5);
}
.element {
color: var(--peaceful-river);
background-color: hsl(202 61% 55%);
border-color: oklch(0.673 0.112 236.5);
}Tailwind CSS v4
@theme {
--color-peaceful-river: #47a0d2;
--color-peaceful-river-50: #d9fbff;
--color-peaceful-river-100: #c6eeff;
--color-peaceful-river-200: #a8dcff;
--color-peaceful-river-300: #7fc0eb;
--color-peaceful-river-400: #56a8d8;
--color-peaceful-river-500: #2390c6;
--color-peaceful-river-600: #217aa7;
--color-peaceful-river-700: #1b6286;
--color-peaceful-river-800: #0e4863;
--color-peaceful-river-900: #093246;
--color-peaceful-river-950: #001e2d;
}SCSS
$peaceful-river: #47a0d2;
$peaceful-river-rgb: 71, 160, 210;
$peaceful-river-light: mix(#fff, $peaceful-river, 20%);
$peaceful-river-dark: mix(#000, $peaceful-river, 20%);
.element {
color: $peaceful-river;
box-shadow: 0 0 0 2px rgba($peaceful-river, 0.35);
}