Colore con nome · #335E6F
Flowing River
Flowing River è #335E6F: rgb(51 94 111), hsl(197 37% 32%), oklch(0.458 0.055 225.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Flowing River color name →
#335E6F
oklch(0.458 0.055 225.7)
Conversioni di colore
- HEX
- #335e6f
- RGB
- rgb(51 94 111)
- HSL
- hsl(197 37% 32%)
- HWB
- hwb(197 20% 56%)
- OKLCH
- oklch(0.458 0.055 225.7)
- OKLab
- oklab(0.458 -0.039 -0.04)
- CIE Lab
- lab(37.34 -11.59 -14.6)
- LCH
- lch(37.34 18.64 231.5)
- CMYK
- cmyk(54% 15% 0% 56%)
Tinte · Ombre · Toni
Tinte
- 476D7D
- 5A7C8A
- 6E8C98
- 829BA6
- 96ABB5
- AABCC3
- BFCCD2
- D4DDE1
- E9EEF0
Ombre
- 2B5160
- 234451
- 1C3742
- 142B34
- 0D1F27
- 07141A
- 030A0E
- 010304
- 000001
Toni
- 3C6171
- 446573
- 4C6874
- 536C76
- 5B6F78
- 627379
- 6A767B
- 71797D
- 797D7E
Armonie di colore
Complementare +180°
- 335E6F
Flowing River
- 724E3D
≈ Brown Velvet
Analogo -30° +30°
- 335E6F
Flowing River
- 2E6161
≈ Calypso Green
- 435976
≈ Carter’s Scroll
Triadico +120° +240°
- 335E6F
Flowing River
- 6E4B5E
≈ Prussian Plum
- 5B5934
≈ Base Camp
Complementare divisa +150° +210°
- 335E6F
Flowing River
- 734B4D
≈ Madder
- 695333
≈ Ancient Olive
Tetradico +90° +180° +270°
- 335E6F
Flowing River
- 644E6D
≈ Futaai Indigo
- 724E3D
≈ Brown Velvet
- 4A5F40
≈ Bavarian
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.06:1 · APCA Lc 84
Ag
FailSu nero
WCAG 2.97:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 7.06:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--flowing-river: #335e6f;
--flowing-river-rgb: 51 94 111;
--flowing-river-oklch: oklch(0.458 0.055 225.7);
}
.element {
color: var(--flowing-river);
background-color: hsl(197 37% 32%);
border-color: oklch(0.458 0.055 225.7);
}Tailwind CSS v4
@theme {
--color-flowing-river: #335e6f;
--color-flowing-river-50: #e6f9ff;
--color-flowing-river-100: #d6ecf7;
--color-flowing-river-200: #bddae7;
--color-flowing-river-300: #9bbece;
--color-flowing-river-400: #7ca6b7;
--color-flowing-river-500: #5d8ea2;
--color-flowing-river-600: #4f7889;
--color-flowing-river-700: #3f606e;
--color-flowing-river-800: #2d4751;
--color-flowing-river-900: #1e3138;
--color-flowing-river-950: #0e1d23;
}SCSS
$flowing-river: #335e6f;
$flowing-river-rgb: 51, 94, 111;
$flowing-river-light: mix(#fff, $flowing-river, 20%);
$flowing-river-dark: mix(#000, $flowing-river, 20%);
.element {
color: $flowing-river;
box-shadow: 0 0 0 2px rgba($flowing-river, 0.35);
}