Colore con nome più vicino · #16847D
#16847D
Colore con nome più vicino: Emerald Whispers
#16847D (rgb(22 132 125), hsl(176 71% 30%), oklch(0.555 0.092 188.1)) è più vicino al colore con nome Emerald Whispers. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#16847D
oklch(0.555 0.092 188.1)
Conversioni di colore
- HEX
- #16847d
- RGB
- rgb(22 132 125)
- HSL
- hsl(176 71% 30%)
- HWB
- hwb(176 9% 48%)
- OKLCH
- oklch(0.555 0.092 188.1)
- OKLab
- oklab(0.555 -0.091 -0.013)
- CIE Lab
- lab(49.45 -31.31 -5.04)
- LCH
- lch(49.45 31.71 189.1)
- CMYK
- cmyk(83% 0% 5% 48%)
Tinte · Ombre · Toni
Tinte
- 3A9089
- 549C96
- 6BA8A2
- 81B4AF
- 96C1BC
- ABCDC9
- C0D9D6
- D5E6E4
- EAF2F1
Ombre
- 12726C
- 0D605B
- 094F4B
- 063F3B
- 032F2C
- 02201E
- 011211
- 000605
- 000101
Toni
- 2C847D
- 3B847E
- 46837E
- 51837E
- 5A837F
- 62827F
- 6A827F
- 72817F
- 798180
Armonie di colore
Complementare +180°
- 16847D
Emerald Whispers
- A05B69
≈ Beef Jerky
Analogo -30° +30°
- 16847D
Emerald Whispers
- 3E835E
≈ Adamite Green
- 1E8097
≈ Valley of Glaciers
Triadico +120° +240°
- 16847D
Emerald Whispers
- 82649C
≈ Chive Blossom
- 966832
≈ Woodgrain
Complementare divisa +150° +210°
- 16847D
Emerald Whispers
- 965D86
≈ Plum Savour
- A15F4B
≈ Deer Tracks
Tetradico +90° +180° +270°
- 16847D
Emerald Whispers
- 676DA8
≈ Twinkle Night
- A05B69
≈ Beef Jerky
- 81732D
≈ Spanish Bistre
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.53:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.63:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.63:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--emerald-whispers: #16847d;
--emerald-whispers-rgb: 22 132 125;
--emerald-whispers-oklch: oklch(0.555 0.092 188.1);
}
.element {
color: var(--emerald-whispers);
background-color: hsl(176 71% 30%);
border-color: oklch(0.555 0.092 188.1);
}Tailwind CSS v4
@theme {
--color-emerald-whispers: #16847d;
--color-emerald-whispers-50: #d8fefb;
--color-emerald-whispers-100: #c6f2ef;
--color-emerald-whispers-200: #a7e1dd;
--color-emerald-whispers-300: #7ec7c2;
--color-emerald-whispers-400: #56b0a8;
--color-emerald-whispers-500: #209991;
--color-emerald-whispers-600: #1f827b;
--color-emerald-whispers-700: #1a6862;
--color-emerald-whispers-800: #114d47;
--color-emerald-whispers-900: #0b3531;
--color-emerald-whispers-950: #00201d;
}SCSS
$emerald-whispers: #16847d;
$emerald-whispers-rgb: 22, 132, 125;
$emerald-whispers-light: mix(#fff, $emerald-whispers, 20%);
$emerald-whispers-dark: mix(#000, $emerald-whispers, 20%);
.element {
color: $emerald-whispers;
box-shadow: 0 0 0 2px rgba($emerald-whispers, 0.35);
}