Dichtstbijzijnde benoemde kleur · #682633
#682633
Dichtstbijzijnde benoemde kleur: Merlot Fields
#682633 (rgb(104 38 51), hsl(348 46% 28%), oklch(0.37 0.095 11)) komt het dichtst bij de benoemde kleur Merlot Fields. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#682633
oklch(0.37 0.095 11)
Kleurconversies
- HEX
- #682633
- RGB
- rgb(104 38 51)
- HSL
- hsl(348 46% 28%)
- HWB
- hwb(348 15% 59%)
- OKLCH
- oklch(0.37 0.095 11)
- OKLab
- oklab(0.37 0.093 0.018)
- CIE Lab
- lab(25.77 31.04 7.7)
- LCH
- lch(25.77 31.98 13.9)
- CMYK
- cmyk(0% 63% 51% 59%)
Tinten · Schaduwen · Tonen
Tinten
- 783B45
- 874F57
- 97646A
- A6797E
- B58E92
- C4A4A7
- D3BABD
- E2D1D2
- F0E8E8
Schaduwen
- 59202B
- 4B1923
- 3E131C
- 300D14
- 24080D
- 180407
- 0C0203
- 040101
- 000000
Tonen
- 6C303A
- 6F3942
- 724249
- 754B51
- 775458
- 7A5D60
- 7C6668
- 7D6E70
- 7F7778
Kleurharmonieën
Complementair +180°
- 682633
Merlot Fields
- 004A48
≈ Deep Into the Jungle
Analoog -30° +30°
- 682633
Merlot Fields
- 60284E
≈ Plum Caspia
- 682A12
≈ Moussaka
Triadisch +120° +240°
- 682633
Merlot Fields
- 2D4907
≈ Treetop Cathedral
- 0F4170
≈ Ashenvale Nights
Gesplitst complementair +150° +210°
- 682633
Merlot Fields
- 004D31
≈ Troll Green
- 004759
≈ Sultan’s Silk
Tetradisch +90° +180° +270°
- 682633
Merlot Fields
- 494000
≈ Xanthophobia
- 004A48
≈ Deep Into the Jungle
- 383770
≈ American Blue
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 10.97:1 · APCA Lc 95
Ag
FailOp zwart
WCAG 1.91:1 · APCA Lc 8
Beste tekstkleur: #FFFFFF
WCAG 10.97:1 (AAA) · APCA Lc 95
Contrast pairs
Codefragmenten
CSS
:root {
--merlot-fields: #682633;
--merlot-fields-rgb: 104 38 51;
--merlot-fields-oklch: oklch(0.37 0.095 11);
}
.element {
color: var(--merlot-fields);
background-color: hsl(348 46% 28%);
border-color: oklch(0.37 0.095 11);
}Tailwind CSS v4
@theme {
--color-merlot-fields: #682633;
--color-merlot-fields-50: #ffebed;
--color-merlot-fields-100: #ffdcdf;
--color-merlot-fields-200: #fac4c9;
--color-merlot-fields-300: #e4a4aa;
--color-merlot-fields-400: #d08790;
--color-merlot-fields-500: #bc6a76;
--color-merlot-fields-600: #9f5a64;
--color-merlot-fields-700: #7f4850;
--color-merlot-fields-800: #5e343b;
--color-merlot-fields-900: #422329;
--color-merlot-fields-950: #2a1217;
}SCSS
$merlot-fields: #682633;
$merlot-fields-rgb: 104, 38, 51;
$merlot-fields-light: mix(#fff, $merlot-fields, 20%);
$merlot-fields-dark: mix(#000, $merlot-fields, 20%);
.element {
color: $merlot-fields;
box-shadow: 0 0 0 2px rgba($merlot-fields, 0.35);
}