Dichtstbijzijnde benoemde kleur · #118C8B
#118C8B
Dichtstbijzijnde benoemde kleur: Dark Cyan
#118C8B (rgb(17 140 139), hsl(180 78% 31%), oklch(0.581 0.096 193.9)) komt het dichtst bij de benoemde kleur Dark Cyan. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#118C8B
oklch(0.581 0.096 193.9)
Kleurconversies
- HEX
- #118c8b
- RGB
- rgb(17 140 139)
- HSL
- hsl(180 78% 31%)
- HWB
- hwb(180 7% 45%)
- OKLCH
- oklch(0.581 0.096 193.9)
- OKLab
- oklab(0.581 -0.093 -0.023)
- CIE Lab
- lab(52.39 -31.74 -8.82)
- LCH
- lch(52.39 32.94 195.5)
- CMYK
- cmyk(88% 0% 1% 45%)
Tinten · Schaduwen · Tonen
Tinten
- 3A9796
- 55A3A1
- 6CAEAD
- 82B9B8
- 97C5C4
- ACD0CF
- C1DCDB
- D6E8E7
- EAF3F3
Schaduwen
- 0D7978
- 096766
- 065554
- 044343
- 023332
- 012323
- 001414
- 000707
- 000101
Tonen
- 2B8B8A
- 3B8A89
- 478988
- 528887
- 5B8786
- 638584
- 6B8483
- 728382
- 798181
Kleurharmonieën
Complementair +180°
- 118C8B
Dark Cyan
- AC6269
≈ Redbud
Analoog -30° +30°
- 118C8B
Dark Cyan
- 3A8C6B
≈ Leprechaun
- 2886A5
≈ Caribbean Sea
Triadisch +120° +240°
- 118C8B
Dark Cyan
- 8F69A2
≈ Amethyst Orchid
- 9C7132
≈ Buttered Rum
Gesplitst complementair +150° +210°
- 118C8B
Dark Cyan
- A26389
≈ Berry Pretty
- AA674A
≈ Amazonian
Tetradisch +90° +180° +270°
- 118C8B
Dark Cyan
- 7472B2
≈ Clear Mauve
- AC6269
≈ Redbud
- 847D32
≈ Verdant
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.07:1 · APCA Lc 67
Ag
AAOp zwart
WCAG 5.14:1 · APCA Lc 34
Beste tekstkleur: #000000
WCAG 5.14:1 (AA) · APCA Lc 34
Contrast pairs
Codefragmenten
CSS
:root {
--dark-cyan: #118c8b;
--dark-cyan-rgb: 17 140 139;
--dark-cyan-oklch: oklch(0.581 0.096 193.9);
}
.element {
color: var(--dark-cyan);
background-color: hsl(180 78% 31%);
border-color: oklch(0.581 0.096 193.9);
}Tailwind CSS v4
@theme {
--color-dark-cyan: #118c8b;
--color-dark-cyan-50: #d6fefe;
--color-dark-cyan-100: #c3f3f2;
--color-dark-cyan-200: #a4e2e2;
--color-dark-cyan-300: #79c7c7;
--color-dark-cyan-400: #4eb0af;
--color-dark-cyan-500: #019a99;
--color-dark-cyan-600: #0e8281;
--color-dark-cyan-700: #0d6867;
--color-dark-cyan-800: #074d4b;
--color-dark-cyan-900: #063534;
--color-dark-cyan-950: #00201f;
}SCSS
$dark-cyan: #118c8b;
$dark-cyan-rgb: 17, 140, 139;
$dark-cyan-light: mix(#fff, $dark-cyan, 20%);
$dark-cyan-dark: mix(#000, $dark-cyan, 20%);
.element {
color: $dark-cyan;
box-shadow: 0 0 0 2px rgba($dark-cyan, 0.35);
}