Colore con nome · #6F9FB9
Adventure Isle
Adventure Isle è #6F9FB9: rgb(111 159 185), hsl(201 35% 58%), oklch(0.678 0.064 232.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Adventure Isle color name →
#6F9FB9
oklch(0.678 0.064 232.6)
Conversioni di colore
- HEX
- #6f9fb9
- RGB
- rgb(111 159 185)
- HSL
- hsl(201 35% 58%)
- HWB
- hwb(201 44% 27%)
- OKLCH
- oklch(0.678 0.064 232.6)
- OKLab
- oklab(0.678 -0.039 -0.051)
- CIE Lab
- lab(62.79 -11.58 -18.92)
- LCH
- lch(62.79 22.19 238.5)
- CMYK
- cmyk(40% 14% 0% 27%)
Tinte · Ombre · Toni
Tinte
- 7DA8C0
- 8CB2C7
- 9ABBCE
- A8C5D5
- B6CEDC
- C5D8E3
- D3E2EA
- E2EBF1
- F0F5F8
Ombre
- 608AA0
- 517589
- 426171
- 344D5B
- 273B46
- 1A2931
- 0E181E
- 04090D
- 010102
Toni
- 719CB3
- 7399AE
- 7596A8
- 7793A2
- 79909C
- 7B8D97
- 7C8991
- 7E868B
- 7F8386
Armonie di colore
Complementare +180°
- 6F9FB9
Adventure Isle
- B88D73
≈ Maple
Analogo -30° +30°
- 6F9FB9
Adventure Isle
- 66A4A9
≈ Nirvana Jewel
- 8398C0
≈ Bel Air Blue
Triadico +120° +240°
- 6F9FB9
Adventure Isle
- B8889B
≈ Monastir
- 989C6E
≈ Domain
Complementare divisa +150° +210°
- 6F9FB9
Adventure Isle
- BC8885
≈ Toki Brown
- AB946A
≈ Sweet Earth
Tetradico +90° +180° +270°
- 6F9FB9
Adventure Isle
- AB8BAF
≈ Revered
- B88D73
≈ Maple
- 81A27E
≈ Rivergrass
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.86:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.33:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.33:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--adventure-isle: #6f9fb9;
--adventure-isle-rgb: 111 159 185;
--adventure-isle-oklch: oklch(0.678 0.064 232.6);
}
.element {
color: var(--adventure-isle);
background-color: hsl(201 35% 58%);
border-color: oklch(0.678 0.064 232.6);
}Tailwind CSS v4
@theme {
--color-adventure-isle: #6f9fb9;
--color-adventure-isle-50: #e4f9ff;
--color-adventure-isle-100: #d4ecfb;
--color-adventure-isle-200: #bbd9ec;
--color-adventure-isle-300: #98bdd4;
--color-adventure-isle-400: #78a6be;
--color-adventure-isle-500: #598eaa;
--color-adventure-isle-600: #4c7890;
--color-adventure-isle-700: #3c6073;
--color-adventure-isle-800: #2a4755;
--color-adventure-isle-900: #1c313b;
--color-adventure-isle-950: #0c1d25;
}SCSS
$adventure-isle: #6f9fb9;
$adventure-isle-rgb: 111, 159, 185;
$adventure-isle-light: mix(#fff, $adventure-isle, 20%);
$adventure-isle-dark: mix(#000, $adventure-isle, 20%);
.element {
color: $adventure-isle;
box-shadow: 0 0 0 2px rgba($adventure-isle, 0.35);
}