Colore con nome più vicino · #368E9D
#368E9D
Colore con nome più vicino: Waikiki
#368E9D (rgb(54 142 157), hsl(189 49% 41%), oklch(0.601 0.085 210.7)) è più vicino al colore con nome Waikiki. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#368E9D
oklch(0.601 0.085 210.7)
Conversioni di colore
- HEX
- #368e9d
- RGB
- rgb(54 142 157)
- HSL
- hsl(189 49% 41%)
- HWB
- hwb(189 21% 38%)
- OKLCH
- oklch(0.601 0.085 210.7)
- OKLab
- oklab(0.601 -0.073 -0.044)
- CIE Lab
- lab(54.3 -23.47 -16.2)
- LCH
- lch(54.3 28.52 214.6)
- CMYK
- cmyk(66% 10% 0% 38%)
Tinte · Ombre · Toni
Tinte
- 4E99A7
- 64A4B0
- 78AFBA
- 8CBBC4
- 9FC6CD
- B2D1D7
- C5DCE1
- D8E8EB
- ECF3F5
Ombre
- 2E7B88
- 256873
- 1E565F
- 16444C
- 0F343A
- 082428
- 031518
- 010709
- 000101
Toni
- 428D9A
- 4B8C97
- 548A94
- 5B8992
- 63888F
- 69868C
- 6F8589
- 758386
- 7B8283
Armonie di colore
Complementare +180°
- 368E9D
Waikiki
- AD6D61
≈ Scene Stealer
Analogo -30° +30°
- 368E9D
Waikiki
- 3B9183
≈ Highlands
- 4E87AF
≈ Ship’s Harbour
Triadico +120° +240°
- 368E9D
Waikiki
- 9E6D98
≈ Flowering Raspberry
- 947E41
≈ Raked Leaves
Complementare divisa +150° +210°
- 368E9D
Waikiki
- AB6A7D
≈ Refined Rose
- A6744A
≈ Leather Chair
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.80:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.51:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.51:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--waikiki: #368e9d;
--waikiki-rgb: 54 142 157;
--waikiki-oklch: oklch(0.601 0.085 210.7);
}
.element {
color: var(--waikiki);
background-color: hsl(189 49% 41%);
border-color: oklch(0.601 0.085 210.7);
}Tailwind CSS v4
@theme {
--color-waikiki: #368e9d;
--color-waikiki-50: #dbfcff;
--color-waikiki-100: #c9f0f9;
--color-waikiki-200: #abdeea;
--color-waikiki-300: #83c3d1;
--color-waikiki-400: #5dacbb;
--color-waikiki-500: #2f95a6;
--color-waikiki-600: #2a7e8c;
--color-waikiki-700: #226570;
--color-waikiki-800: #164a52;
--color-waikiki-900: #0e3439;
--color-waikiki-950: #011f23;
}SCSS
$waikiki: #368e9d;
$waikiki-rgb: 54, 142, 157;
$waikiki-light: mix(#fff, $waikiki, 20%);
$waikiki-dark: mix(#000, $waikiki, 20%);
.element {
color: $waikiki;
box-shadow: 0 0 0 2px rgba($waikiki, 0.35);
}